<template>
  <view>
    <!-- 顶部导航栏 -->
    <scroll-view
      :style="'height:' + winHeight"
      class="scroller"
      :scroll-into-view="toView"
      @scroll="scroll"
      scroll-y="true"
      scroll-with-animation="true"
    >
      <skeleton
        :loading="loading"
        :avatarShape="'square'"
        :avatarSize="'700rpx'"
        :showTitle="false"
        :titleWidth="'0%'"
      ></skeleton>
      <skeleton
        :loading="loading"
        :showAvatar="false"
        :titleWidth="'30%'"
        :row="1"
      ></skeleton>
      <skeleton
        :loading="loading"
        :showAvatar="false"
        :titleWidth="'100%'"
        :row="1"
      ></skeleton>
      <skeleton
        :loading="loading"
        :showAvatar="false"
        :titleWidth="'100%'"
        :row="1"
      ></skeleton>
      <skeleton
        :loading="loading"
        :showAvatar="false"
        :titleWidth="'100%'"
        :row="1"
      ></skeleton>
      <skeleton
        :loading="loading"
        :showAvatar="false"
        :titleWidth="'100%'"
        :row="1"
      ></skeleton>
      <view class="flex_center_between algn">
        <view
          class="nav_title_item"
          :class="{ active: active == index }"
          @click="maoDian(index)"
          v-for="(item, index) in list"
          :key="index"
          >{{ item }}
        </view>
      </view>
      <view v-if="!loading">
        <!-- 标题结束 -->
        <view id="xingxi" class="goods_img_box">
          <!-- 商品图片 -->
          <view class="relative">
            <swiper class="swiper_box" @change="swiper" :circular="true">
              <swiper-item style="position: relative" v-if="hasVideo">
                <video
                  :poster="goodsInfo.goods_image_primary"
                  autoplay="true"
                  :muted="true"
                  :src="goodsInfo.goods_video"
                  controls
                ></video>
                <!-- 								<image :src="goodsInfo.goods_image_primary" mode=""></image>
								<image @click="openVideo" class="video_icon" src="../../static/images/videoStop.png">
								</image> -->
              </swiper-item>
              <swiper-item
                v-for="(item, index) in swiperImage"
                :key="index"
                @click="openImg(index)"
              >
                <image :src="item"></image>
              </swiper-item>
            </swiper>
            <view class="back_round_2" v-if="hasVideo">
              {{ swiperCurrent + 1 }}/{{ swiperImage.length + 1 }}
            </view>
            <view class="back_round_2" v-else
              >{{ swiperCurrent + 1 }}/{{ swiperImage.length }}</view
            >
          </view>
          <!-- jieshu -->
          <view v-if="activity != 1" style="padding-bottom: 0px">
            <view v-if="goodsInfo.promotion_type == 'groupbuy'"
              >{{ goodsInfo.groupbuy_info.groupbuy_name }}
            </view>

            <view v-else>{{ goodsInfo.goods_short_title }}</view>
            <view class="flex_center_between margin-">
              <view class="flex_center">
                <view
                  v-if="isshowprice"
                  style="display: flex; align-items: center"
                >
                  <text
                    v-if="isVip != -1"
                    style="
                      color: #ff4300;
                      font-weight: 500;
                      font-size: 14px;
                      margin-top: 4px;
                    "
                    >{{ isVip == 1 ? "尊享价" : "会员价" }}</text
                  >
                  <text class="moeny_icon" style="margin-top: 4px">￥</text>
                  <text class="newMoney" v-if="goodsInfo.is_spellgroup">{{
                    member_id
                      ? goodsInfo.spellgroup_info.SpellGroup_price
                      : "登录查看价格"
                  }}</text>
                  <text
                    v-else-if="goodsInfo.promotion_type == 'groupbuy'"
                    class="newMoney"
                    >{{
                      member_id
                        ? goodsInfo.groupbuy_info.groupbuy_price
                        : "登录查看价格"
                    }}</text
                  >
                  <text
                    v-else-if="goodsInfo.promotion_type == 'teijia'"
                    class="newMoney"
                    >{{
                      member_id
                        ? goodsInfo.goods_promotion_price
                        : "登录查看价格"
                    }}</text
                  >
                  <text v-else-if="goodsInfo.zhijiang_info" class="newMoney">{{
                    member_id
                      ? goodsInfo.goods_price -
                        goodsInfo.zhijiang_info.zhijiang_price
                      : "登录查看价格"
                  }}</text>
                  <text class="newMoney" v-else>{{
                    member_id ? goodsInfo.goods_promotion_price : "登录查看价格"
                  }}</text>
                </view>
                <view v-if="goodsInfo.promotion_type == 'groupbuy'" class="xsqg"
                  >限时抢购</view
                >
                <view v-if="goodsInfo.is_global == 1" class="qqg">全球购</view>
                <view v-if="goodsInfo.is_global == 1" class="zhiyou"
                  >{{ goodsInfo.customs_clearance_way }}
                </view>
                <view v-if="goodsInfo.promotion_type == 'teijia'" class="xsqg"
                  >特价商品</view
                >
                <view v-if="goodsInfo.zhijiang_info" class="down" style="">
                  已降{{
                    member_id
                      ? goodsInfo.zhijiang_info.zhijiang_price
                      : "登录查看价格"
                  }}</view
                >
              </view>
            </view>

            <view
              class="oldMoney"
              v-if="
                isshowprice &&
                (goodsInfo.is_spellgroup ||
                  goodsInfo.promotion_type == 'groupbuy' ||
                  goodsInfo.promotion_type == 'teijia' ||
                  goodsInfo.zhijiang_info)
              "
            >
              价格
              <text class="decoration" v-if="goodsInfo.is_spellgroup"
                >￥{{
                  member_id
                    ? goodsInfo.spellgroup_info.goods_price
                    : "登录查看价格"
                }}</text
              >
              <text class="decoration" v-else
                >￥{{
                  member_id ? goodsInfo.goods_promotion_price : "登录查看价格"
                }}</text
              >
              <view style="color: #ff4300" v-if="goodsInfo.is_spellgroup">
                拼团价：<text>￥</text
                >{{
                  member_id
                    ? goodsInfo.spellgroup_info.SpellGroup_price
                    : "登录查看价格"
                }}</view
              >
            </view>
          </view>
          <view v-if="activity == 1" class="item01_box">
            <view class="flex_center_bettween">
              <view>
                <view class="flex_center">
                  <view
                    v-if="goodsInfo.promotion_type == 'groupbuy'"
                    class="item02_box"
                  >
                    抢购价<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.groupbuy_info.groupbuy_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                  <view v-else-if="goodsInfo.xianshi_info" class="item02_box">
                    限时折扣价<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.xianshi_info.xianshi_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                  <view v-else-if="goodsInfo.miaosha_info" class="item02_box">
                    限时秒杀价<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.miaosha_info.miaosha_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                  <view
                    v-else-if="goodsInfo.promotion_type == 'teijia'"
                    class="item02_box"
                  >
                    特价<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.teijia_info.teijia_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                  <view v-else-if="goodsInfo.is_spellgroup" class="item02_box">
                    拼团价<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.spellgroup_info.SpellGroup_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                  <view v-else class="item02_box"
                    >活动价：<text
                      style="
                        margin-left: 10rpx;
                        font-weight: bold;
                        font-size: 30rpx;
                      "
                      >￥</text
                    ><text style="font-size: 46rpx; font-weight: bold">{{
                      member_id
                        ? goodsInfo.goods_promotion_price.toFixed(2)
                        : "登录查看价格"
                    }}</text>
                  </view>
                </view>
                <view class="item03_box" style="margin-top: -10rpx">
                  <view
                    >还有 {{ day }} 天 {{ shi }}小时 {{ fen }} 分钟
                    {{ miao }} 秒结束</view
                  >
                </view>
              </view>
              <view>
                <view class="shichangjia"
                  >市场价
                  <text
                    v-if="goodsInfo.promotion_type == 'groupbuy'"
                    style="text-decoration: line-through; margin-left: 10rpx"
                    >￥{{
                      member_id ? goodsInfo.tm_price : "登录查看价格"
                    }}</text
                  >
                  <text
                    v-else
                    style="text-decoration: line-through; margin-left: 10rpx"
                    >￥{{
                      member_id ? goodsInfo.goods_marketprice : "登录查看价格"
                    }}</text
                  >
                </view>
              </view>
            </view>
          </view>
          <text
            v-if="
              goodsInfo.tm_price > 0 &&
              physical_info &&
              physical_info.is_price == 1
            "
            style="text-decoration: line-through; font-size: 12px; color: #999"
            >销售价￥{{ member_id ? goodsInfo.tm_price : "登录查看价格" }}</text
          >

          <view class="shop-box">
            <view class="shop_title">
              {{ goodsInfo.goods_name }}
              <view style="font-weight: 500"
                >商品编号：{{ goodsInfo.goods_serial || "暂无编号" }}</view
              >
            </view>
            <!-- #ifdef MP-WEIXIN -->
            <view class="shop_share" v-if="hasVideo && swiperCurrent == 0">
              <image src="../../static/images/fx.png"></image>
              <button
                class="share-btn"
                plain="true"
                open-type="share"
                size="mini"
                id="video"
              >
                分享
                <text
                  v-if="
                    goodsInfo.member_rank > 0 && goodsInfo.is_visit_comm == 1
                  "
                  >赚</text
                >
              </button>
            </view>
            <view class="shop_share" v-else @click="openShare()">
              <image src="../../static/images/fx.png"></image>
              <text
                >分享
                <text
                  v-if="
                    goodsInfo.member_rank > 0 && goodsInfo.is_visit_comm == 1
                  "
                  >赚</text
                >
              </text>
            </view>
            <!-- #endif -->
            <!-- #ifndef MP-WEIXIN -->
            <view class="shop_share" @click="openShare()">
              <image src="../../static/images/fx.png"></image>
              <text
                >分享
                <text
                  v-if="
                    goodsInfo.member_rank > 0 && goodsInfo.is_visit_comm == 1
                  "
                  >赚</text
                >
              </text>
            </view>
            <!-- #endif -->
          </view>
        </view>

        <!-- 满减活动 满M/N活动-->
        <!-- <view class="cont ">
					<view class="flexBox">
						<view class="flexBox">
							优惠<image style="width: 50rpx;height: 50rpx;margin-left: 10rpx;"
								src="/static/images/aIco.png" mode=""></image>
						</view>
						<view class="">
							<image style="width: 40rpx;" src="../../static/images/ddd.png" mode="widthFix"></image>
						</view>
					</view>
					<view class="flexBox activityList" @click="showPop()" v-if="ticket.length">
						<view class="font30"><text class="active_border">领券</text></view>
						<view class="flexBox2" style="width: 510rpx;">
							<view v-for="(value,_index) in ticket" :key="_index" style="margin-right: 20rpx;">
								<view class="coupon" v-if="_index<2">{{value.voucher_t_price}}元优惠券 </view>
							</view>
						</view>
					</view>
					<view class="flex_center_between activityList" v-if="goodsInfo.giving_shopping_gold>0">
						<view class="font30"><text class="active_border">积分</text></view>
						<text style="display: inline-block;width: 510rpx;"><text
								class="red">￥{{member_id?goodsInfo.giving_shopping_gold:'登录查看价格'}}</text>(如果使用积分则不再赠送)</text>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="full_activity">
						<view class="font30">
							<text class="active_border">{{full_activity.full_title}}</text>
						</view>
						<text class="miaoshu">{{full_activity.rules[0].rule_desc}}</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="goodsInfo.mfunjian_info">
						<view class="font30">
							<text class="active_border">M件付N件</text>
						</view>
						<text
							class="miaoshu">满{{goodsInfo.mfunjian_info.buy_num}}件减{{goodsInfo.mfunjian_info.reduce_num}}件</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="goodsInfo.nzhe_info">
						<view class="font30">
							<text class="active_border">满N件折</text>
						</view>
						<text class="miaoshu">{{goodsInfo.nzhe_info.nzhe_explain}}</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="mansongInfo">
						<view class="font30">
							<text class="active_border">满送</text>
						</view>
						<text class="miaoshu">{{mansongInfo.mansong_name}}</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="goodsInfo.renxuan_info">
						<view class="font30">
							<text class="active_border">N元任选</text>
						</view>
						<text class="miaoshu">{{goodsInfo.renxuan_info.renxuan_explain}}</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" @click="fullOpen()" v-if="goodsInfo.repur_info">
						<view class="font30">
							<text class="active_border">加价换购</text>
						</view>
						<text class="miaoshu">{{goodsInfo.repur_info.repur_name}}</text>
						<view class="c8 flex_center_between">
							<image src="../../static/images/xzIco.png" class="right_arrow2"></image>
						</view>
					</view>
					<view class="flex_center_between activityList" v-if="goodsInfo.yihe_price">
						<view class="miaoshu" v-if="goodsInfo.yihe_price">员购价：￥{{member_id?goodsInfo.yihe_price:'登录查看价格'}}</view>
					</view>

				</view> -->
        <!-- 选择供应商 myList.length>0&&physical_info.is_virtual ==1 -->
         <view class="gysBox" v-if="myList.length>0">
            <view class="gys-title">
              <view class="gys">选择供应商：</view>
              <view class="bjd" @click="toComparePrice()">比价单</view>
            </view>
            <view class="mygysList">
              <view
               class="gysli"
                v-for="(item, index) in myList"
                :class="{ activeLi: activeLi == index }"
                :key="index"
                @click="choose(item,index)"
              >
                <text>{{item.virtual_name}}</text>
                <text>¥{{item.virtual_price}}</text>
              </view>
            </view>
          </view>
        <!-- 全球购 -->
        <view v-if="goodsInfo.is_global == 1">
          <view class="" style="margin: 20rpx">
            <view
              class=""
              style="border-bottom: 1rpx solid #eeeeee"
              v-if="goodsInfo.country_of_origin"
            >
              <image
                src="/static/images/ycdIco.png"
                style="
                  width: 30rpx;
                  height: 30rpx;
                  border-radius: 50%;
                  margin-right: 15rpx;
                "
                mode=""
              >
              </image>
              原产地：{{ goodsInfo.country_of_origin }}
            </view>
            <view
              class=""
              style="border-bottom: 1rpx solid #eeeeee"
              v-if="goodsInfo.place_of_delivery"
            >
              <image
                src="/static/images/fhdIco.png"
                style="
                  width: 30rpx;
                  height: 30rpx;
                  border-radius: 50%;
                  margin-right: 15rpx;
                "
                mode=""
              >
              </image>
              发货地：{{ goodsInfo.place_of_delivery }}
            </view>
          </view>
        </view>
        <!-- 拼团 -->
        <view v-if="goodsInfo.is_spellgroup">
          <view class="cont m-t-b-10">
            <view class="picker_box flex_center_between">
              <view>{{ pintuanInfo.length }}人正在拼团，可直接参与</view>
              <!-- <view>查看更多</view> -->
            </view>
            <view v-if="pintuanInfo.length > 0">
              <view
                class="evaluate p-tb-20 flex_center_between"
                v-for="(item, index) in pintuanInfo"
                :key="item.SpellGroup_sn"
              >
                <view class="flex_center c8">
                  <image
                    style="height: 80rpx; width: 80rpx; margin-right: 14rpx"
                    :src="item.member_avatar"
                  ></image>
                  <text class="pintuanName">{{ item.member_name }} </text>
                </view>
                <view class="flex_center_center">
                  <view style="">
                    <view style="font-size: 24rpx; margin-top: -10rpx"
                      >还差<text style="color: #ff4141">{{
                        item.need_num
                      }}</text
                      >人拼成</view
                    >
                    <view style="font-size: 24rpx; margin-top: -10rpx"
                      >剩余时间 {{ pinuanTime[index] }}
                    </view>
                  </view>
                  <button
                    @click="pintuan(item.SpellGroup_sn)"
                    class="add_pintuan"
                  >
                    去拼单
                  </button>
                </view>
              </view>
            </view>
            <view v-else>暂无拼团信息</view>
          </view>
        </view>
        <!-- 砍价活动 -->
        <view v-if="goodsInfo.is_bargain" class="cont m-t-b-10 p-b-40">
          <view
            class="picker_box flex_center_between"
            style="border-bottom: 1rpx solid #f0f0f0"
          >
            <view
              >已砍<text style="color: #ff0101">{{ cut_total || "0" }}</text
              >元,最多可砍{{
                (
                  Number(bargain_info.goods_price) -
                  Number(bargain_info.goods_minprice)
                ).toFixed(2)
              }}元
            </view>
          </view>
          <!-- {{gra_list}} -->
          <scroll-view scroll-y="true" style="max-height: 270rpx">
            <view
              class="evaluate p-tb-20 flex_center_between"
              v-for="(item2, index2) in log_list"
              :key="index2"
            >
              <view class="flex_center c8">
                <image :src="item2.member_avatar"></image>
                <text class="member_name" style="margin-right: 10rpx"
                  >{{ item2.member_name }} </text
                ><text>帮你砍了</text>
                <text style="color: #e5258e">{{ item2.amount }}元</text>
              </view>
              <!-- #ifndef MP-WEIXIN -->
              <view style="font-size: 26rpx">
                <text>{{ item2.addtime | formaDate("") }}</text>
              </view>
              <!-- #endif -->
              <!-- #ifdef MP-WEIXIN -->
              <view style="font-size: 26rpx">
                <text>{{ item2.adddate }}</text>
              </view>
              <!-- #endif -->
            </view>
            <view v-if="log_list.length <= 0">
              暂时没有小伙伴帮忙砍价哦~~~
            </view>
          </scroll-view>
        </view>
        <!-- 选择参数 -->
        <view class="parameter">
          <view class="cont" v-if="goodsInfo.goods_spec">
            <view class="flex_center_between picker_box" @click="open()">
              <view class="font30">
                <text>选择 颜色/尺码</text>
              </view>
              <view>
                <image
                  style="width: 40rpx"
                  src="/static/images/ddd.png"
                  class=""
                  mode="widthFix"
                >
                </image>
              </view>
            </view>
          </view>
          <view class="">
            <view class="commonLine">
              <view class=""
                >运费：{{
                  goodsInfo.goods_freight > 0
                    ? goodsInfo.goods_freight + "元"
                    : "免运费"
                }}</view
              >
              <view class="">销量：{{ goodsInfo.goods_salenum }}件</view>
            </view>
			<view class="commonLine">
				<view>上线时间：{{ goodsInfo.add_time }}</view>
			</view>
			
          </view>
        </view>
        <!-- 评价 -->
        <view id="pingjia" class="cont" style="margin: 15rpx 0">
          <view class="picker_box flex_center_between">
            <view>宝贝评价({{ goodsevallist.list_total }})</view>
            <view @click="ToTaiwan(goodsInfo.goods_id, 1)" class="fontc06">
              <text>查看全部</text>
              <image
                src="../../static/images/right_arrow.png"
                class="right_arrow"
              ></image>
            </view>
          </view>
          <view
            class="evaluate p-tb-20"
            v-for="(item, index) in goodsevallist.goodsevallist"
            :key="index"
            v-if="index < 2"
          >
            <view class="flex_center">
              <image :src="item.geval_frommemberavatar"></image>
              <text class="c8">{{ item.geval_frommembername }}</text>
            </view>
            <view class="twoline">{{ item.geval_content }}</view>
          </view>
          <view class="evaluate p-tb-20" v-if="goodsevallist.list_total == 0">
            暂无评论!
          </view>
          <view style="height: 100rpx"></view>
        </view>
		<!-- 提问 -->
        <view class="cont">
          <view class="picker_box flex_center_between">
            <view>咨询专区({{ consulList.length }})</view>
            <view @click="ToTaiwan(goodsInfo.goods_id, 2)" class="fontc06">
              <text v-if="consulList.length < 3">我去提问</text>
              <text v-else>查看全部</text>
              <image
                src="../../static/images/right_arrow.png"
                class="right_arrow"
              ></image>
            </view>
          </view>
          <view
            class="flex_center_between"
            style="padding: 0 15upx"
            v-if="index < 2"
            v-for="(item, index) in consulList"
            :key="index"
          >
            <view class="flex_center">
              <text class="question_red">问</text>
              <!-- <image style="width: 30upx;height: 30upx;margin-top: 2rpx;margin-right: 14upx;"
								src="../static/images/ms_question.png" mode=""></image> -->
              <text class="fs16 C333 Texthide"
                >{{ item.consult_content }}
              </text>
            </view>
            <!-- <text class="fr fs16 C999">2个回答</text> -->
          </view>
        </view>

        <!-- 优惠套餐 -->
        <view class="Package" v-if="Package" style="background-color: #ffffff">
          <!-- goodsInfo.spellgroup_info -->
          <view class="">优惠套餐</view>
          <view
            class="flexBox"
            v-for="(item, index) in Package"
            :key="index"
            @click="ToPackage(item.id)"
          >
            <view class="flexBox">
              <view class="commImg">
                <image :src="item.goods_list[0].image" mode=""></image>
              </view>
              <view class="info">
                <view class="Name">{{ item.name }}</view>
                <view class="Price"
                  ><text class="yhjia"
                    >￥{{ member_id ? item.price : "登录查看价格" }}</text
                  >
                  <text style="text-decoration: line-through"
                    >￥{{ member_id ? item.cost_price : "登录查看价格" }}</text
                  >
                </view>
              </view>
            </view>
            <view class="right_arrow">
              <image src="../../static/images/zixun_gt.jpg" mode=""></image>
            </view>
          </view>
        </view>

        <!-- 商品详情 -->
        <view id="xiangqing">
          <view style="" class="spxqTitle">—— 商品详情 ——</view>
          <view v-if="goodsImage == ''" style="text-align: center"
            >该商品暂无详情！</view
          >
          <rich-text :nodes="plate_top"></rich-text>
          <rich-text :nodes="goodsImage"></rich-text>
          <rich-text :nodes="plate_bottom"></rich-text>
          <view style="height: 250rpx" v-if="goodsImage != ''"></view>
        </view>

        <!-- 推荐商品 -->
        <!-- <view id='shangping'>
					<view class="spxqTitle">
						—— 推荐商品 ——
					</view>
					<view class="cont" style="margin-bottom: 150rpx;background: none;" v-if="goods_commend.length!=0"> -->
        <!-- 	<view class="picker_box flex_center_between">
						<view>店铺推荐</view>
						<view class="fontc06">查看全部
							<image src="../../static/images/right_arrow.png"  class="right_arrow"></image>
						</view>
					</view> -->
        <!-- <view class="flex_center_between flex-warp" style="padding-bottom: 20rpx;">
							<view @click="tuijian(item.goods_id)" v-for="(item,index) in goods_commend" :key="index" style="background-color: #FFFFFF;">
								<view class="recommend_img">
									<image :src="item.goods_image_url"></image>
								</view>
								<view class="ellipsis" style="color: #000;">{{item.goods_name}}</view>
								<view class="btm">
									<text class="moeny_icon cont">￥</text>
									<text class="fontc06">{{item.goods_price}}</text>
								</view>
							</view>
						</view> -->
        <!-- 					<view style="height: 300rpx;"></view> -->
        <!-- </view>
					<view v-if="goods_commend.length==0" style="text-align: center; ">暂无推荐商品！</view>
				</view> -->
        <view v-if="goodsInfo.is_spellgroup" style="height: 70rpx"></view>
      </view>
    </scroll-view>
    <!-- 购物车 -->
    <view class="shop_postion">
      <!-- 拼团 -->
      <!-- <view v-if="index<1" v-for="(item,index) in pintuanInfo" :key="index" class="pintuan_box">
				<image :src="item.member_avatar" style=""></image>
				<text class="size24 pintuanName" style="margin-right: 20rpx;">{{item.member_name}}</text>
				<text class="size24">还差<text style="color:#ff4141;">{{item.need_num}}</text>人</text>
				<button @click="pintuan(item.SpellGroup_sn)" class="buy_car_pintuan">参与拼团{{goodsInfo.spellgroup_info.SpellGroup_price}}</button>
			</view> -->
      <!-- 砍价 -->
      <view
        v-if="isbargain"
        class="pintuan_box"
        style="
          padding-left: 20rpx;
          bottom: 100rpx;
          position: fixed;
          width: 100%;
        "
      >
        <!-- goodsInfo.is_bargain -->
        <text class="size24"
          >共计砍了<text style="color: #ff4141">{{ cut_total }}</text>
          元，邀请好友还可砍<text style="color: #ff4141"></text
          >{{ surplus }}元</text
        >
        <!-- #ifndef MP-WEIXIN -->
        <button @click="share3" class="buy_car_pintuan">邀请好友</button>
        <!-- #endif -->
        <!-- #ifdef MP-WEIXIN -->
        <button open-type="share" class="buy_car_pintuan">邀请好友</button>
        <!-- #endif -->
      </view>

      <!-- <view v-if="goodsInfo.yushou_info" class="pintuan_box flex3" style="padding-left: 20rpx; text-align: center;">
				<text class="size30" v-if="goodsInfo.yushou_info">{{yushouTime(goodsInfo.yushou_info.create_time)}}开售</text>
				<text @click="rule()" style="background-color: #ff4300;color: #FFFFFF;padding: 0 10rpx;border-radius: 10rpx;">预售规则</text>
			</view> -->
      <uni-goods-nav
        v-if="!goodsInfo.is_bargain"
        :fill="true"
        @click="addCar"
        :options="options"
        :button-group="buttonGroup"
        :virtual="is_virtual"
        @buttonClick="goodsType"
      ></uni-goods-nav>
      <view class="bottomBox flex3" v-if="goodsInfo.is_bargain">
        <view v-if="!isbargain" @click="participate(goodsInfo.bargain_info.id)"
          >立即参与</view
        >
        <view v-if="isbargain" @click="Bargain(goodsInfo.bargain_info.id)"
          >立即砍价</view
        >
        <view class="shop" @click="shop()">原价购买</view>
      </view>
    </view>

    <!-- 规格弹窗 -->
    <uni-popup ref="popup" type="bottom">
      <view class="canshu_pop">
        <view
          class="flex_center"
          v-for="item in spec_goods_list"
          :key="item.goods_id"
          v-if="goods_id == item.goods_id"
        >
          <!-- <image  style="width: 260rpx;height: 185rpx;margin-right: 40rpx;" :src="item.goods_image_url" mode=""></image> -->
          <view
            @click="prview(item.goods_image_url)"
            style="
              overflow: hidden;
              margin-left: 10rpx;
              vertical-align: middle;
              width: 200rpx;
              height: 185rpx;
              margin-right: 40rpx;
              text-align: center;
            "
            class=""
          >
            <image
              mode="widthFix"
              style="width: 100%"
              :src="item.goods_image_url"
            ></image>
          </view>

          <view>
            <view v-if="goodsInfo.promotion_type == 'groupbuy'">
              抢购价：<text>￥</text
              >{{
                member_id
                  ? goodsInfo.groupbuy_info.groupbuy_price
                  : "登录查看价格"
              }}</view
            >
            <view v-else-if="goodsInfo.xianshi_info">
              限时折扣价：<text>￥</text
              >{{
                member_id
                  ? goodsInfo.xianshi_info.xianshi_price
                  : "登录查看价格"
              }}</view
            >
            <view v-else-if="goodsInfo.promotion_type == 'teijia'">
              特价：<text>￥</text
              >{{
                member_id ? goodsInfo.teijia_info.teijia_price : "登录查看价格"
              }}</view
            >
            <view v-else-if="goodsInfo.promotion_type == 'miaosha'">
              限时秒杀价：<text>￥</text
              >{{
                member_id
                  ? goodsInfo.miaosha_info.miaosha_price
                  : "登录查看价格"
              }}</view
            >
            <view v-else-if="goodsInfo.is_spellgroup"
              >拼团价：￥{{
                member_id
                  ? goodsInfo.spellgroup_info.SpellGroup_price
                  : "登录查看价格"
              }}
            </view>
            <view class="shichangjia" v-else
              >市场价：<text
                >￥{{
                  member_id ? item.goods_marketprice : "登录查看价格"
                }}</text
              ></view
            >
            <view v-if="isshowprice"
              >销售价：￥{{
                member_id ? item.goods_price : "登录查看价格"
              }}</view
            >
            <!-- <view v-if="goodsInfo.yihe_price">员购价：￥{{goodsInfo.yihe_price}}</view> -->
            <view>库 存：{{ item.goods_storage }}</view>
          </view>
        </view>
        <view v-if="!spec_goods_list">
          <view v-if="goodsInfo.is_spellgroup"
            >原价：￥{{
              member_id ? goodsInfo.spellgroup_info.goods_price : "登录查看价格"
            }}</view
          >
          <view v-if="goodsInfo.is_spellgroup"
            >拼团价：￥{{
              member_id
                ? goodsInfo.spellgroup_info.SpellGroup_price
                : "登录查看价格"
            }}</view
          >
        </view>
        <view
          class="flex_center_warp"
          v-for="(kind, index) in goodsInfo.goods_spec_info"
          :key="kind.spec_id"
        >
          <view class="guige">{{ kind.spec_name }}</view>
          <view
            class="guige"
            :class="{ guoge_xuanze: goods_spec[index] == item.id }"
            @click="checkGoods(index, item.id)"
            v-for="(item, index2) in kind.spec_value"
            :key="item.id"
          >
            {{ item.value }}
          </view>
        </view>
        <view :class="{ spec_name: goodsInfo.goods_spec }">
          <text style="margin-right: 20rpx">购买数量</text>

          <uni-number-box
            v-if="islower_limit"
            :min="lower_limit"
            :max="limit"
            :value="num"
            @change="numberBox"
          ></uni-number-box>
        </view>

        <view class="fontc06" v-if="limit == 1">该商品限购一件！</view>
      </view>

      <view v-if="is_virtual == 1" style="display: flex; width: 100%">
        <view
          @click="({ index: 1 }), 'buy'"
          class="pop_button"
          :class="{ width_100: buttonGroup[0].text == '' }"
          style="background-color: #ff4300; width: 100%"
        >
          <view>{{ buttonGroup[1].text }}</view>
        </view>
      </view>
      <view v-else style="display: flex; width: 100%">
        <view
          @click="goodsType({ index: 0 }, 'buy')"
          v-if="buttonGroup[0].text != ''"
          class="pop_button"
          style="background-color: rgb(255, 67, 0)"
        >
          <view>{{ buttonGroup[0].text }}</view>
        </view>
        <view
          @click="goodsType({ index: 1 }, 'buy')"
          class="pop_button"
          :class="{ width_100: buttonGroup[0].text == '' }"
          style="background-color: rgb(255, 0, 0)"
        >
          <view>{{ buttonGroup[1].text }}</view>
        </view>
      </view>
    </uni-popup>
    <!-- 满减活动弹窗 -->
    <uni-popup ref="full" type="bottom">
      <view class="full_box">
        <view class="full_header">
          <view>促销活动</view>
          <image @click="fullClose()" :src="`${picUrl}/w/cha.png`"></image>
        </view>
        <view class="full_title_box">
          <view class="flex_bettween" v-if="full_activity">
            <view class="full_title">{{ full_activity.full_title }}</view>
            <view class="full_list">
              <view v-for="item in full_activity.rules" :key="item.rule_id">
                {{ item.rule_desc }}
              </view>
            </view>
            <view
              class="flex_bettween"
              @click="
                goCollect(store_info.store_id, full_activity.full_id, 'full')
              "
            >
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
          <view class="flex_bettween" v-if="goodsInfo.mfunjian_info">
            <view class="font30">
              <text class="active_border">满M件付N件</text>
              <text
                >满{{ goodsInfo.mfunjian_info.buy_num }}件减{{
                  goodsInfo.mfunjian_info.reduce_num
                }}件</text
              >
            </view>
            <view
              class="flex_bettween"
              @click="
                goCollect(
                  goodsInfo.mfunjian_info.store_id,
                  goodsInfo.mfunjian_info.mfunjian_id,
                  'mfunjian'
                )
              "
            >
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
          <view class="flex_bettween mag40" v-if="mansongInfo">
            <view class="font30">
              <text class="active_border">满送</text>
            </view>
            <view style="width: 380rpx">
              <view v-for="(item, index) in mansongInfo.rules" :key="index">
                满{{ item.price }}送{{ item.mansong_goods_name }}
              </view>
            </view>
            <view class="flex_bettween">
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
          <view class="flex_bettween mag40" v-if="goodsInfo.renxuan_info">
            <view class="font30">
              <text class="active_border">N元任选</text>
            </view>
            <view style="width: 380rpx">
              <view>{{ goodsInfo.renxuan_info.renxuan_explain }}</view>
            </view>
            <view
              class="flex_bettween"
              @click="
                goCollect(
                  goodsInfo.renxuan_info.store_id,
                  goodsInfo.renxuan_info.renxuan_id,
                  'renxuan'
                )
              "
            >
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
          <view class="flex_bettween mag40" v-if="goodsInfo.nzhe_info">
            <view class="font30">
              <text class="active_border">满N件折</text>
            </view>
            <view style="width: 380rpx">
              <view
                v-for="(value, index3) in goodsInfo.nzhe_info.rule_text"
                :key="index3"
              >
                {{ value }}
              </view>
            </view>
            <view
              class="flex_bettween"
              @click="
                goCollect(
                  goodsInfo.nzhe_info.store_id,
                  goodsInfo.nzhe_info.nzhe_id,
                  'nzhe'
                )
              "
            >
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
          <view class="flex_bettween mag40" v-if="goodsInfo.repur_info">
            <view class="font30">
              <text class="active_border">加价换购</text>
            </view>
            <view style="width: 380rpx">
              <view>
                {{ goodsInfo.repur_info.repur_name }}
              </view>
            </view>
            <view
              class="flex_bettween"
              @click="
                goCollect(
                  goodsInfo.repur_info.store_id,
                  goodsInfo.repur_info.repur_id,
                  'repur'
                )
              "
            >
              <text>去凑单</text>
              <image
                class="full_image"
                :src="`${picUrl}/w/rt.png`"
                mode=""
              ></image>
            </view>
          </view>
        </view>
      </view>
    </uni-popup>

    <!-- 视频弹窗  -->
    <!-- 		<uni-popup ref="video" type="center">
			<video :poster="goodsInfo.goods_image_primary" autoplay="true" :muted="true" :src="goodsInfo.goods_video"
				controls>
			</video>
		</uni-popup> -->

    <uni-popup ref="ImgSwiper" type="center">
      <view class="swiperBox">
        <swiper
          class="swiper_box"
          style="padding: 0"
          @change="swiper"
          :circular="true"
          :current="swiperCurrent"
        >
          <swiper-item v-for="(item, index) in swiperImage" :key="index">
            <image :src="item"></image>
          </swiper-item>
        </swiper>
      </view>
    </uni-popup>

    <!-- 领券 -->
    <uni-popup ref="coupon" type="bottom" class="popup">
      <view class="popup_box">
        <view
          class="none"
          v-if="ticket.length == 0"
          style="text-align: center; font-size: 28rpx"
        >
          暂时还没有优惠券哦~
        </view>
        <view v-else>
          <view class="popup_title">
            <view></view>
            <view style="font-size: 30rpx; margin-left: 40rpx">优惠</view>
            <image
              @click="closePop"
              class="del"
              src="../../static/images/del.jpg"
              mode=""
            ></image>
          </view>
          <view style="margin-left: 20rpx">领券</view>
          <scroll-view class="ticket_box" scroll-y="true">
            <view
              class="ticket"
              v-for="(item, index) in ticket"
              :key="index"
              @click="ToDeta(item.voucher_t_id)"
            >
              <view class="ticket_reduce Cfe0000"
                >￥{{ member_id ? item.voucher_t_price : "登录查看价格" }}</view
              >
              <view class="ticketC Cfe0000" v-if="item.voucher_t_range == 0"
                >全场通用券</view
              >
              <view class="ticketC Cfe0000" v-if="item.voucher_t_range == 1"
                >商品优惠券</view
              >
              <view class="ticketC Cfe0000" v-if="item.voucher_t_range == 2"
                >限品类券</view
              >

              <view class="ticketN Cfe0000" v-if="item.voucher_t_range == 0"
                >全场通用</view
              >
              <view class="ticketN Cfe0000" v-if="item.voucher_t_range == 1">{{
                item.goods_name
              }}</view>
              <view class="ticketN Cfe0000" v-if="item.voucher_t_range == 2">{{
                item.gc_name
              }}</view>
              <view class="ticket_limt Cfe0000"
                >满{{ item.voucher_t_limit }}可用</view
              >
              <view class="ticket_time Cfe0000"
                >有效期：{{ item.voucher_t_end_date_format }}</view
              >
              <view class="ticketX Cfe0000"
                >详细信息<image src="/static/images/yhqIco.png" mode=""></image>
              </view>
              <view
                class="ticket_user"
                @click.stop="get_ticket(item.voucher_t_id)"
                v-if="!item.has_exchange"
                >立即领取</view
              >
              <image
                v-else
                class="ticket_image"
                src="/static/images/yhgbg.png"
                mode=""
              ></image>
            </view>
          </scroll-view>
        </view>
        <button class="ticket_button" @click="closePop">完成</button>
      </view>
    </uni-popup>

    <uni-popup ref="Presale">
      <view
        class="PresaleBox"
        style="
          height: 550rpx;
          width: 600rpx;
          background-color: #ffffff;
          border-radius: 20rpx;
          overflow: hidden;
        "
      >
        <view
          class=""
          style="background-color: #ffffff; padding: 20rpx"
          v-if="goodsInfo.yushou_info"
        >
          <view style="text-align: center; font-size: 30rpx; font-weight: bold"
            >预售规则</view
          >
          <view class=""
            >商品总价格：￥{{
              member_id ? goodsInfo.yushou_info.goods_price : "登录查看价格"
            }}</view
          >
          <view class=""
            >定金：￥{{
              member_id ? goodsInfo.yushou_info.earnest_money : "登录查看价格"
            }}</view
          >
          <view class=""
            >定金抵扣：￥{{
              member_id ? goodsInfo.yushou_info.deduct : "登录查看价格"
            }}</view
          >
          <view class=""
            >尾款：￥{{
              member_id ? goodsInfo.yushou_info.tail_money : "登录查看价格"
            }}</view
          >
          <view class=""
            >尾款支付时间：{{
              goodsInfo.yushou_info.pay_start_time | formaDate
            }}</view
          >
          <view class=""
            >尾款结束时间：{{
              goodsInfo.yushou_info.pay_end_time | formaDate
            }}</view
          >
          <view class=""
            >发货时间：{{ goodsInfo.yushou_info.send_date_text }}</view
          >
          <view class="red">定金支付之后将不予退还</view>
        </view>
      </view>
    </uni-popup>

    <gwj-popup
      :showModal="interaction_task.interaction_task_shopping_gold"
      v-if="gwjFlag"
    ></gwj-popup>
    <!-- 分享列表 -->
    <uni-share ref="sharelist"></uni-share>
    <!-- 生成海报 -->
    <uni-poster ref="poster"></uni-poster>
    <view style="height: 100rpx"></view>

    <view class="GoTop" @click="GoTop()" v-if="isShow">
      <image
        style="width: 100%"
        src="/static/images/GoTop.png"
        mode="widthFix"
      ></image>
    </view>
  </view>
</template>
<script>
import IM from "@/util/IMlOGIN.js";
import Skeleton from "@/mall/components/skeleton/index.vue";
import uniPoster from "@/mall/components/uni-poster/uni-poster.vue";
import uniShare from "@/mall/components/uni-share/index.vue";
import gwjPopup from "@/mall/components/gwj-popup/gwj-popup.vue";
import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
import uniGoodsNav from "@/mall/components/uni-goods-nav/uni-goods-nav.vue";
import uniPopup from "@/components/uni-popup/uni-popup.vue";
// #ifdef H5
const share = require("@/store/share.js");
// #endif
export default {
  components: {
    uniPopup,
    uniGoodsNav,
    uniNavBar,
    gwjPopup,
    uniShare,
    uniPoster,
    Skeleton,
  },
  data() {
    return {
      isNavSwitch: false, //nav商品，评价，详情，推荐切换时，判断进入页面，页面是否加载完成，页面加载完成才切换
      numberNavSwitch: 0, //切换时nav商品，评价，详情，推荐切换时的桥梁，优化用
      ticket: [], //优惠券列表
      islower_limit: true,
      ImgIndex: "0",
      lower_limit: 1,
      loading: true,
      gwjFlag: false,
      list: ["商品", "评价", "详情"],
      active: 0,
      options: [
        {
          icon: "/static/images/shopCar01.png",
          text: "购物车",
          info: 0,
        },

        {
          icon: "",
          text: "收藏",
        },
        {
          icon: "/static/images/kefu01.png",
          text: "客服",
        },
      ],
      activeLi:0,
      activeSort:"",
      spec_image:[],
      myList:[],
      buttonGroup: [
        {
          text: "加入购物车",
          backgroundColor: "#ff4300",
          color: "#fff",
        },
        {
          text: "立即购买",
          backgroundColor: "#ff0000",
          color: "#fff",
        },
      ],
      swiperImage: [],
      swiperCurrent: 0,
      isFavorites: false,
      isXuanze: false,
      day: 0,
      shi: 0,
      fen: 0,
      miao: 0,
      num: 1, //购买数量
      limit: 100, //限购数量
      allMiao: 0,
      pinuanTime: [],
      pintuanInfo: [],
      goods_id: "",
      full_activity: "",
      activity: 0, //是否有活动0：普通商品 1：限时 2：抢购 3：秒杀
      goodsInfo: [], //商品信息
      isVip: -1,
      store_info: [], //店铺信息
      collectFlag: 0,
      goods_commend: [], //推荐信息
      goodsevallist: [], //评论信息
      spec_list: [],
      goods_spec: [], //型号数组
      spec_goods_list: [],
      specific: "",
      activeText: "限时折扣",
      activeText2: "直降",
      consulList: [], //资讯列表
      goodsImage: "", //商品详细信息
      plate_bottom: "",
      plate_top: "",
      winHeight: "100%",
      toView: "", //锚点
      actionView: "xingxi", //控制导航显示
      productBoxTop: 0, //商品模块距离顶部的距离
      commentBoxTop: 0, //评价模块距离顶部的距离
      infoBoxTop: 0, //详情模块距离顶部的距离
      goodsBoxTop: 0, //推荐商品模块距离顶部的距离
      userInfo: [], //用户的个人信息
      key: "", //判断是否可以去下单页面
      shareUrl: "", //分享url
      shareImage: "", //分享二维码
      shareFlag: true, //分享
      timer: "",
      mansongInfo: "", //满送信息
      goods_type: 0, //活动类型
      bl_id: 0, //活动id
      is_promotion: 0,
      Package: "", //优惠套餐信息
      isbargain: false, //是否参与砍价
      Bargain_id: "",
      fromid: "", //砍价邀请人id
      cut_total: "", //已砍价格总数
      surplus: "",
      bargain_info: "", //砍价信息
      log_list: [], //帮助砍价的好友列表
      interaction_task: "", //浏览送积分信息
      showModal: "", //赠送积分数量
      storeCallcenter: [],
      isreturn: false,
      isshowprice: true, //是否显示原价
      shareUrl2: "",
      Noshop: true,
      InvitationCode: "", //分销邀请码
      IsToHome: false, //是否有上一页
      isShow: false,
      SpellGroup_sn: "",
      estimate: "", //预估价
      href: "",
      update: false,
      gra_list: {},
      goods_commonid: "", //商品公共id
      is_virtual: "", //商品类型
      hasVideo: false, //是否有视频
      physical_info: null,
      member_id: null,
    };
  },
  onLoad(e) {
    let that = this;

    if (e.goods_id) {
      this.goods_id = e.goods_id;
    }

    //小程序扫码进入的权重高
    // #ifdef MP-WEIXIN
    if (e.q) {
      let queryAll = decodeURIComponent(e.q);
      this.goods_id = gup("goods_id", queryAll);
      this.api_member_id = gup("api_member_id", queryAll);
      this.Bargain_id = gup("Bargain_id", queryAll);
      this.fromid = gup("fromid", queryAll);
      this.SpellGroup_sn = gup("SpellGroup_sn", queryAll);
      let share_phyid = gup("share_phyid", queryAll);
      if (share_phyid) {
        //分享链接传过来的门店id
        uni.setStorageSync("share_phyid", share_phyid);
      }
    }

    function gup(name, url) {
      if (!url) url = location.href;
      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
      var regexS = "[\\?&]" + name + "=([^&#]*)";
      var regex = new RegExp(regexS);
      var results = regex.exec(url);
      return results == null ? null : results[1];
    }
    // #endif

    if (e.share_phyid) {
      //分享链接传过来的门店id
      uni.setStorageSync("share_phyid", e.share_phyid);
    }

    // ${this.picUrl}/store/item001.png
    this.options[1].icon = `${this.picUrl}/store/item001.png`;
    this.getCarNumber();
    //判断页面是否通过分享跳到详情页
    if (e.isreturn) {
      this.isreturn = true;
    }
    if (e.pageFrom) {
      uni.setStorageSync("pageFrom", "share");
    }
    setTimeout(() => {
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=flowstat_record",
          method: "post",
          data: {
            goods_id: e.goods_id,
          },
        })
        .then((res) => {});
    }, 100);

    //获取key看看他是否是登陆状态
    this.key = uni.getStorageSync("key") || "0";

    this.PackageInfo();
    if (e.Bargain_id) {
      this.Bargain_id = e.Bargain_id;
    }
    if (e.fromid) {
      //砍价邀请人Id
      this.fromid = e.fromid;
      this.isbargain = true;
    }
    if (e.api_member_id) {
      this.InvitationCode = e.api_member_id;
      uni.setStorageSync("InvitationCode", e.api_member_id);
    }

    this.BargainInfo();
    if (e.SpellGroup_sn) {
      this.SpellGroup_sn = e.SpellGroup_sn;
      setTimeout(() => {
        uni.showModal({
          title: "提示",
          content: "是否进入邀请好友团队",
          cancelText: "再看看", //取消按钮文字
          confirmText: "立即加入", //确认按钮文字
          success: function (res2) {
            if (res2.confirm) {
              that.pintuan(that.SpellGroup_sn);
            } else if (res2.cancel) {
            }
          },
        });
      }, 1500);
    }
  },
  onHide() {
    clearInterval(this.timer);
  },
  onShow() {
    setTimeout(() => {
      this.member_id = uni.getStorageSync("api_member_id");
    }, 100);
    // #ifdef H5
    this.href = window.location.href;
    // #endif
    let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
    if (routes.length > 1) {
      this.IsToHome = true;
    } else {
      this.IsToHome = false;
    }
    this.shareUrl =
      this.$share +
      "/#/" +
      routes[routes.length - 1].route +
      "?goods_id=" +
      this.goods_id +
      "&pageFrom=share&api_member_id=" +
      uni.getStorageSync("api_member_id");

    this.shareUrl2 =
      "/" +
      routes[routes.length - 1].route +
      "?goods_id=" +
      this.goods_id +
      "&pageFrom=share&api_member_id=" +
      uni.getStorageSync("api_member_id");

    if (this.fromid) {
      this.shareUrl2 =
        "/" +
        routes[routes.length - 1].route +
        "?goods_id=" +
        this.goods_id +
        "&pageFrom=share&api_member_id=" +
        uni.getStorageSync("api_member_id") +
        "&fromid=" +
        this.fromid;
    }
    this.key = uni.getStorageSync("key") || "0";
    this.$nextTick(function () {
      this.getGoodsInfo(); //获取商品信息
    });
    clearInterval(this.timer);
  },
  onUnload(options) {
    clearInterval(this.timer);
  },

  //小程序原生分享
  onShareAppMessage(res) {
    if (res.target.id == "video") {
      let title = "皖集采";
      let goodsInfo = JSON.stringify(this.goodsInfo);
      let path =
        `/mall/goods/web-view?goodsInfo=` + encodeURIComponent(goodsInfo);
      return {
        title: title,
        path: path,
        imageUrl: this.goodsInfo.goods_image_primary,
      };
    } else {
      let title = this.goodsInfo.goods_name;
      let path = this.shareUrl2 + "&share_phyid=" + this.goodsInfo.physical_id;
      return {
        title: title,
        path: path,
        imageUrl: this.goodsInfo.goods_image_primary,
      };
    }
  },
  methods: {
    // 选中某个比价的
    choose(item,index){
      this.activeLi = index;
      this.activeSort = item.sort,
      console.log(item,'item11');
    },
    // 比价跳转详情
    toComparePrice(){
      uni.navigateTo({
        url: "/mall/goods/comparePrice?goods_id=" + this.goods_id,
     })
    },
    rule() {
      //预售规则
      this.$refs.Presale.open();
    },
    ToDeta(voucher_id) {
      uni.navigateTo({
        url: "/operation/voucher/info?voucher_id=" + voucher_id + "&type=1",
      });
    },
    getvouchers() {
      //获取优惠券列表
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=goods_voucher",
          data: {
            goods_id: this.goods_id,
            store_id: this.store_info.store_id,
            share_phyid: 41,
          },
        })
        .then((res) => {
          this.ticket = res.datas.vouchers || [];
          console.log("优惠券", this.ticket);
        });
    },
    showPop() {
      //领券弹框
      this.$refs.coupon.open();
    },
    //关闭领券
    closePop() {
      this.$refs.coupon.close();
    },
    //领取优惠券
    get_ticket(id) {
      let that = this;
      this.$util
        .request({
          url: "/mobile/index.php?act=pointvoucher&op=voucherexchange_save",
          data: {
            vid: id,
          },
          method: "post",
        })
        .then((res) => {
          if (res.error_code == 0) {
            uni.showToast({
              title: "领取成功",
              icon: "success",
            });
            this.getvouchers();
          } else {
            uni.showToast({
              title: res.message,
              icon: "none",
            });
          }
        });
    },
    openImg(index) {
      this.swiperCurrent = index;
      this.$refs.ImgSwiper.open();
    },

    GoTop() {
      //回到顶部
      this.active = 0;
      this.toView = "xingxi";
      setTimeout(() => {
        this.toView = "";
      }, 500);
    },
    ToTaiwan(goods_id, index) {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 1000);
      } else {
        let url = "/mall/goods/evaluate?goods_id=" + this.goods_commonid;
        if (index == 2) {
          url = "/mall/goods/consult?goods_id=" + this.goods_id;
        }
        this.room_id
          ? uni.redirectTo({
              url,
            })
          : uni.navigateTo({
              url,
            });
        // uni.navigateTo({
        // 	url:'../home/zixun?goods_id='+this.goods_commonid
        // })
      }
    },
    // :url="'../home/zixun?goods_id='+goodsInfo.goods_id"
    TotrueName() {
      uni.navigateTo({
        url: "/member/auth/Authentication",
      });
    },
    // 返回首页
    Toindex() {
      uni.switchTab({
        url: "/main/home/index",
      });
    },
    participate(bargain_id) {
      //参与砍价
      let that = this;
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=bargain_visit",
          method: "POST",
          data: {
            bargain_id: bargain_id,
            key: that.key,
          },
        })
        .then((res) => {
          if (res.error_code == 0) {
            // res.dataset.visit_info
            that.isbargain = true;
            uni.showToast({
              title: "参与成功，快去砍价吧！",
              icon: "none",
            });
          } else if (res.error_code == 18140003) {
            that.isbargain = true;
            uni.showToast({
              title: res.message,
              icon: "none",
            });
          } else {
            uni.showToast({
              title: res.message,
              icon: "none",
            });
          }
        });
    },
    Bargain(bargain_id) {
      //立即砍价
      let that = this;
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=bargain_friend",
          method: "post",
          data: {
            bargain_id: bargain_id,
            key: that.key,
            fromid: this.fromid || 0,
          },
        })
        .then((res) => {
          if (res.error_code == 0) {
            if (that.fromid) {
              that.isbargain = false;
              that.fromid = "";
            }

            uni.showToast({
              title: "成功砍价" + res.datas.bargain_price + "元",
              icon: "none",
            });
            that.BargainInfo();
          } else {
            // if(that.fromid){
            // 	that.isbargain = false;
            // 	that.fromid=""
            // 	alert("aaa")
            // }
            uni.showToast({
              title: res.message,
              icon: "none",
            });
          }
        });
    },

    BargainInfo() {
      //砍价信息
      // if (this.key == 0) {
      // 	uni.showToast({
      // 		title: '未登录，请先登录！',
      // 		icon: 'none'
      // 	})
      // 	setTimeout(() => {
      // 		uni.navigateTo({
      // 			url: '../login/login?href='+this.href
      // 		})
      // 	},1000)
      // }
      let that = this;
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=bargain",
          method: "get",
          ToLogin: false,
          data: {
            goods_id: this.goods_id,
            key: that.key,
            fromid: this.fromid || 0,
          },
        })
        .then((res) => {
          if (res.error_code == 0) {
            that.cut_total = res.datas.cut_total.toFixed(2); //已砍总价
            that.bargain_info = res.datas.bargain_info; //砍价信息
            that.log_list = res.datas.log_list; //帮助砍价好友

            that.surplus =
              that.bargain_info.goods_price -
              that.bargain_info.goods_minprice -
              that.cut_total;
            that.surplus = that.surplus.toFixed(2);
            that.fromid = res.datas.fromid;
            if (res.datas.visit_info) {
              that.isbargain = true;
            }
          } else {
          }
        });
    },
    shop() {
      //砍价立即购买
      uni.navigateTo({
        url:
          "/mall/order/confirm?cart_id=" +
          this.goodsInfo.goods_id +
          "|" +
          this.num +
          "&ifcart=0" +
          "&sort=" + this.activeSort +
          "&order_type=1",
      });
    },
    PackageInfo() {
      //获取优惠套餐信息
      let that = this;
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=get_bundling",
          data: {
            goods_id: this.goods_id,
            share_phyid: 41,
          },
        })
        .then((res) => {
          if (res.datas.b_list.length > 0) {
            that.Package = res.datas.b_list;
          }
        });
    },
    //跳转举报
    jubao(goods_id) {
      uni.navigateTo({
        url: "/member/report/add?goods_id=" + goods_id,
      });
    },
    //分享砍价
    share3() {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login",
          });
        }, 500);
        return;
      }
      // #ifdef H5
      this.shareFlag = false;
      uni.showModal({
        content: "使用浏览器分享，或者前往app分享！",
      });
      // #endif
      // #ifdef APP-PLUS
      let shareInfo = {
        href:
          this.$share +
          "/#/pages/distribution/shopInfo?goods_id=" +
          this.goods_id +
          "&pageFrom=share" +
          "&fromid=" +
          this.fromid,
        title: "皖集采",
        desc: "快来帮我砍价吧！",
        imgUrl: this.goodsInfo.goods_image_primary,
      };
      this.$refs.sharelist.shareInfo(shareInfo);
      // #endif
    },
    ToPackage(id) {
      uni.navigateTo({
        url: "bundling?b_id=" + id + "&goods_id=" + this.goods_id,
      });
    },
    yushouTime(Time) {
      //预售开始时间
      var date = new Date(Time * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
      var tate2 = new Date().getTime();

      var Y = date.getFullYear();
      var M =
        date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1;
      var D = date.getDate();
      var h = date.getHours();
      var m = date.getMinutes();
      var s = date.getSeconds();
      D = D < 10 ? "0" + D : D;
      h = h < 10 ? "0" + h : h;
      m = m < 10 ? "0" + m : m;
      s = s < 10 ? "0" + s : s;
      if (tate2 < date) {
        return "即将开始，" + M + "-" + D + " " + h + ":" + m + ":" + s;
      } else {
        return M + "-" + D + " " + h + ":" + m + ":" + s;
      }
    },
    //N件任选、满额加价购、满付活动跳转同店铺同种活动商品列表啊
    goCollect(store_id, id, name) {
      //加入购物车
      let that = this;
      switch (name) {
        case "mfunjian":
          that.is_promotion = 3;
          uni.navigateTo({
            url:
              "/operation/pages/activity/collectBills?store_id=" +
              store_id +
              "&mfunjian_id=" +
              id,
          });
          break;
        case "renxuan":
          that.is_promotion = 2;
          uni.navigateTo({
            url:
              "/operation/NOptional/list?store_id=" +
              store_id +
              "&renxuan_id=" +
              id,
          });
          break;
        case "nzhe":
          that.is_promotion = 4;
          uni.navigateTo({
            url:
              "/operation/pages/activity/collectBills?store_id=" +
              store_id +
              "&nzhe_id=" +
              id,
          });
          break;
        case "full":
          uni.navigateTo({
            url:
              "/operation/pages/activity/collectBills?store_id=" +
              store_id +
              "&full_id=" +
              id,
          });
          break;
        case "repur":
          that.is_promotion = 1;
          uni.navigateTo({
            url:
              "/operation/repurchase/list?store_id=" +
              store_id +
              "&repur_id=" +
              id,
          });
          break;
      }
      that.$util
        .request({
          url: "/mobile/index.php?act=member_cart&op=cart_add",
          method: "POST",
          data: {
			sort:this.activeSort,
            goods_id: this.goods_id,
            quantity: this.num,
            goods_type: this.goods_type,
            bl_id: this.bl_id,
            is_promotion: this.is_promotion,
          },
        })
        .then((res) => {
          if (res.datas == "1") {
            this.options[0].info++;
            // this.getCarNumber()
          }
        });
    },
    //获取商品评价列表
    getInfo() {
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=goods_evaluate",
          data: {
            goods_id: this.goods_commonid,
            type: 0,
            share_phyid: 41,
          },
        })
        .then((res) => {
          this.goodsevallist = res.datas;
          // this.infoList=res.datas.goodsevallist
          // this.goods_evaluate_info=res.datas.goods_evaluate_info
        });
    },
    baocun() {
      let blob = new Blob([""], {
        type: "application/octet-stream",
      });
      let url = URL.createObjectURL();
      let a = document.createElement("a");
      a.href = this.shareImage;
      a.download = this.shareImage
        .replace(/(.*\/)*([^.]+.*)/gi, "$2")
        .split("?")[0];
      let e = document.createEvent("MouseEvents");
      e.initMouseEvent(
        "click",
        true,
        false,
        window,
        0,
        0,
        0,
        0,
        0,
        false,
        false,
        false,
        false,
        0,
        null
      );
      a.dispatchEvent(e);
      URL.revokeObjectURL(url);
    },
    //浏览一定时间获取积分
    gouwujin(time) {
      this.timer = setInterval(() => {
        this.$store.dispatch("browse_add");
        if (this.$store.state.browseTime == time) {
          this.$util
            .request({
              url: "/mobile/index.php?act=interaction_task&op=sendReadGift",
              method: "POST",
              data: {
                interaction_task_id: this.interaction_task.interaction_task_id,
              },
            })
            .then((res) => {
              if (res.error_code == 0) {
                this.gwjFlag = true;
                clearInterval(this.timer);
              } else if (res.error_code == 1) {
                clearInterval(this.timer);
              } else {
                uni.showToast({
                  title: res.message,
                  icon: "none",
                });
              }
            });
        }
      }, 1000);
    },
    numberBox(e) {
      this.num = e;
    },
    //去拼团页面
    pintuan(SpellGroup_sn) {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 1000);
      } else {
        let type = 2;
        uni.navigateTo({
          url:
            "/mall/order/confirm?cart_id=" +
            this.goodsInfo.goods_id +
            "|" +
            this.num +
            "&ifcart=0" +
            "&is_global=" +
            this.goodsInfo.is_global +
            "&order_type=" +
            type +
			"&sort=" +
			this.activeSort +
            "&SpellGroup_sn=" +
            SpellGroup_sn,
        });
      }
    },
    //头部数据接口
    headerInfo() {
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=goods_body",
          data: {
            goods_commonid: this.goods_commonid,
            share_phyid: 41,
          },
        })
        .then((res) => {
          let richtext = res.datas.goods_body;
          this.plate_top = res.datas.plate_top;
          this.plate_bottom = res.datas.plate_bottom;
          if (res.datas.plate_top) {
            this.plate_top = this.plate_top.replace(
              /\<img/gi,
              `<img class="rich_text_image" style="vertical-align: top;"`
            );
          }
          if (res.datas.plate_bottom) {
            this.plate_bottom = this.plate_bottom.replace(
              /\<img/gi,
              `<img class="rich_text_image" style="vertical-align: top;"`
            );
            this.goodsImage = richtext;
          }
          if (res.datas.goods_body) {
            richtext = richtext.replace(
              /\<img/gi,
              `<img class="rich_text_image" style="vertical-align: top;"`
            );
            this.goodsImage = richtext;
          }
        })
        .then((res) => {
          setTimeout(() => {
            this.getTOP();
          }, 1000);
        });
    },
    //获取资讯
    consultation() {
      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=consulting_list",
          data: {
            goods_commonid: this.goods_commonid,
            share_phyid: 41,
          },
        })
        .then((res) => {
          this.consulList = res.datas.consult_list;
        });
    },
    //推荐+换购
    tuijian(id) {
      uni.navigateTo({
        url: "info?goods_id=" + id,
      });
    },
    //分享
    share() {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 1000);
        return;
      }
      // #ifdef H5
      this.shareFlag = false;
      uni.showModal({
        content: "使用浏览器分享，或者截图保存分享！",
      });
      // #endif
      // #ifdef APP-PLUS
      let shareInfo = {
        href: this.shareUrl2 + "&share_phyid=" + this.goodsInfo.physical_id,
        title: "皖集采",
        desc: this.goodsInfo.goods_name,
        imgUrl: this.goodsInfo.goods_image_primary,
      };
      this.$refs.sharelist.shareInfo(shareInfo);
      // #endif
    },
    timeStamp(time) {
      //时间戳转换
      var yesterday = new Date(time);
      yesterday =
        yesterday.getFullYear() +
        "-" +
        (yesterday.getMonth() > 9
          ? yesterday.getMonth() + 1
          : "0" + (yesterday.getMonth() + 1)) +
        "-" +
        (yesterday.getDate() > 9
          ? yesterday.getDate()
          : "0" + yesterday.getDate());
      return yesterday;
    },
    //添加购物车和购买
    goodsType(e, flag) {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login",
          });
        }, 500);
        return;
      }
      if (flag) {
        if (e.index == 1) {
          if (
            this.goodsInfo.miaosha_info &&
            this.goodsInfo.promotion_type == "miaosha"
          ) {
            //秒杀
            this.buy(6);
          } else {
            this.buy(1);
            setTimeout(() => {
              this.close();
            }, 1000);
          }
        } else if (e.index == 2) {
          this.buy(5);
        } else {
          if (this.is_virtual == 1) {
            uni.showToast({
              title: "虚拟商品暂不支持加入购物车",
              icon: "none",
            });
            return false;
          }
          if (this.goodsInfo.is_spellgroup) {
            this.buy(2);
          } else {
            if (this.goodsInfo.goods_storage == 0) {
              uni.showToast({
                title: "库存不足！",
                icon: "none",
              });
              return false;
            }

            this.$util
              .request({
                url: "/mobile/index.php?act=member_cart&op=cart_add",
                method: "POST",
                data: {
				  sort:this.activeSort,
                  goods_id: this.goods_id,
                  quantity: this.num,
                  goods_type: this.goods_type,
                  bl_id: this.bl_id,
                },
              })
              .then((res) => {
                if (this.goodsInfo.repur_info) {
                  uni.showModal({
                    title: "提示",
                    content: "加价换购商品是否前往凑单换购？",
                    success: (res2) => {
                      if (res2.confirm) {
                        this.goCollect(
                          this.goodsInfo.repur_info.store_id,
                          this.goodsInfo.repur_info.repur_id,
                          "repur"
                        );
                      } else if (res2.cancel) {
                        if (res.datas == "1") {
                          uni.showToast({
                            title: "加入成功！",
                          });
                          this.options[0].info++;

                          // this.getCarNumber()
                        } else {
                          uni.showToast({
                            title: res.message,
                            icon: "none",
                          });
                        }
                      }
                    },
                  });
                } else if (this.Package) {
                  uni.showModal({
                    title: "提示",
                    content: "有优惠套餐是否前往购买？",
                    success: (res2) => {
                      if (res2.confirm) {
                      } else if (res2.cancel) {
                        if (res.datas == "1") {
                          uni.showToast({
                            title: "加入成功！",
                          });
                          // this.getCarNumber()
                          this.options[0].info++;
                          setTimeout(() => {
                            this.close();
                          }, 1000);
                        } else {
                          uni.showToast({
                            title: res.message,
                            icon: "none",
                          });
                        }
                      }
                    },
                  });
                } else {
                  if (res.datas == "1") {
                    uni.showToast({
                      title: "加入成功！",
                    });
                    // this.getCarNumber()
                    this.options[0].info++;
                    setTimeout(() => {
                      this.close();
                    }, 1000);
                  } else {
                    uni.showToast({
                      title: res.message,
                      icon: "none",
                    });
                  }
                }
              });
          }
        }
      } else {
        if ((this.buttonGroup[0].text != "") | (e.index != 0)) {
          if (this.goodsInfo.yushou_info) {
            if (e.index == 0) {
              this.rule();
            } else {
              this.open();
            }
          } else {
            this.open();
          }
        }
      }
    },
    //购买
    buy(type) {
      if (!this.Noshop) {
        uni.showToast({
          title: "该商品规格不存在！",
          icon: "none",
        });
        return false;
      }
      if (this.goodsInfo.promotion_type == "yushou") {
        type = 4;
      }

      if (this.goodsInfo.goods_storage == 0) {
        uni.showToast({
          title: "库存不足！",
          icon: "none",
        });
        return false;
      }
      //type:1为普通购买，2为拼团购买，3为砍价订单 6秒杀
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 500);
      } else {
        if (this.is_virtual == 1) {
          uni.navigateTo({
            url:
              "/mall/order/confirm_vr?cart_id=" +
              this.goodsInfo.goods_id +
              "&num=" +
              this.num +
              "&ifcart=0" +
              "&order_type=" +
              type +
              "&SpellGroup_sn=" +
              this.SpellGroup_sn +
			  "&sort=" +
			  this.activeSort +
              "&is_virtual=" +
              this.is_virtual,
          });
        } else {
          uni.navigateTo({
            url:
              "/mall/order/confirm?cart_id=" +
              this.goodsInfo.goods_id +
              "|" +
              this.num +
              "&ifcart=0" +
              "&order_type=" +
              type +
              "&SpellGroup_sn=" +
              this.SpellGroup_sn +
			  "&sort=" +
			  this.activeSort +
              "&is_virtual=" +
              this.is_virtual,
          });
        }
      }
    },
    //去购物车
    addCar(e) {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 500);
      } else {
        if (e.index == 0) {
          uni.setStorageSync("goods_id", this.goods_id);
          // let pages = getCurrentPages();
          // uni.setStorageSync("pages",pages);
          uni.switchTab({
            // reLaunch   switchTab
            url: "/main/cart/list",
          });
        } else if (e.index == "2") {
          if (this.storeCallcenter.length < 0 || !this.storeCallcenter) {
            uni.showToast({
              title: "该店铺暂无客服",
            });
            return false;
          } else {
            IM.LIGIN();
            let goodsdata = {};
            console.log(this.goodsInfo);
            goodsdata.goodis = this.goodsInfo.goods_id;
            goodsdata.goodsname = this.goodsInfo.goods_name;
            goodsdata.goodssymbol = "￥";
            goodsdata.goodsimages = this.goodsInfo.goods_image_primary;
            goodsdata.price = this.goodsInfo.goods_marketprice;
            let data = JSON.stringify(goodsdata);
            console.log(goodsdata);
            uni.navigateTo({
              url: "/plug/IM/list?goodsdata=" + data,
            });
          }
        } else if (e.index == 1) {
          //收藏
          if (this.collectFlag) {
            this.$util
              .request({
                url: "/mobile/index.php?act=member_favorites&op=favorites_del",
                method: "POST",
                data: {
                  fav_id: this.goodsInfo.goods_id,
                },
              })
              .then((res) => {
                if (res.error_code == 0) {
                  uni.showToast({
                    title: "已取消收藏！",
                    icon: "none",
                  });
                  this.isFavorites == 0;
                  this.options[1].icon = `${this.picUrl}/store/item001.png`;
                  this.collectFlag = 0;
                } else {
                  uni.showToast({
                    title: res.message,
                    icon: "none",
                  });
                }
              });
          } else {
            this.$util
              .request({
                url: "/mobile/index.php?act=member_favorites&op=favorites_add",
                method: "POST",
                data: {
                  fav_id: this.goodsInfo.goods_id,
                  fav_type: "goods",
                },
              })
              .then((res) => {
                if (res.error_code == 0) {
                  uni.showToast({
                    title: "收藏成功！",
                  });
                  this.isFavorites == 1;
                  this.options[1].icon = `${this.picUrl}/store/item002.png`;
                  this.collectFlag = 1;
                } else {
                  uni.showToast({
                    title: res.message,
                    icon: "none",
                  });
                }
              });
          }
        }
      }
    },
    //获取商品详情信息
    getGoodsInfo() {
      let key = uni.getStorageSync("key") || "0";
      let data = {
        goods_id: this.goods_id,
        key,
        share_phyid: 41,
      };

      this.$util
        .request({
          url: "/mobile/index.php?act=goods&op=goods_detail",
          data: data,
        })
        .then((res) => {
          //如果账号在别地登陆
          if (res.error_code == "1840002") {
            uni.showToast({
              title: "您账号已在其它地方登陆！",
              icon: "none",
            });
            setTimeout(() => {
              uni.clearStorage();
              this.getGoodsInfo();
            }, 1000);
          } else if (res.error_code == 0) {
            // this.physical_info=uni.getStorageSync("physical_info")
            this.physical_info = res.datas.physical_info;
            this.spec_image = res.datas.spec_image;
            this.options[0].info = Number(res.datas.cart_num); //购物车商品数量
            console.log("购物车数量", this.options[0].info);
            this.goods_commonid = res.datas.goods_info.goods_commonid; //商品公共id
            this.consultation(); //获取咨询信息
            this.getInfo(); //获取评论信息
            this.headerInfo(); //商品详情信息
            // IM店铺客服缓存
            let storeCallcenter = res.datas.store_callcenter || [];
            this.storeCallcenter = storeCallcenter;
            uni.setStorageSync("storeCallcenter", storeCallcenter);

            this.num = 1;
            this.full_activity = res.datas.full_activity_info; //满额满量
            this.collectFlag = res.datas.isFavorites;
            this.is_virtual = res.datas.goods_info.is_virtual; //商品类型
            this.goodsInfo = res.datas.goods_info;
            this.isVip = res.datas.is_md == 0 ? -1 : res.datas.is_vip;
            this.store_info = res.datas.store_info;
            this.spec_list = res.datas.spec_list;
            // {"15049|4826":"125","15050|4826":"126","15051|4826":"127","15052|4826":"128"}
            // res.datas.spec_list
            this.spec_goods_list = res.datas.spec_goods_list;
            this.goods_commend = res.datas.goods_commend_list;
            this.interaction_task = res.datas.interaction_task;
            this.myList = res.datas.virtual_list;
			if(res.datas.virtual_list.length>0 && this.activeSort==''){
				this.activeSort=res.datas.virtual_list[0].sort;
			}
            //存在视频
            if (this.goodsInfo.goods_video != "") {
              this.hasVideo = true;
              //测试视频
              // this.goodsInfo.goods_video='https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4'
              console.log("视频地址", this.goodsInfo.goods_video);
            }
            // #ifdef H5
            let shareInfo = {
              title: this.goodsInfo.goods_name, // 分享标题
              desc: this.goodsInfo.goods_spec, // 分享描述
              // link: this.$share + "/#/mall/goods/info?goods_id=" + this.goods_id,
              link:
                "https://uriwin.com/store/index.php?act=goods&op=index&goods_id=" +
                this.goods_id,
              // 分享链接
              imgUrl: this.goodsInfo.goods_image_primary, // 分享图标
            };
            share.share(shareInfo);
            console.log("H5", shareInfo);
            // #endif

            if (res.datas.interaction_task) {
              if (res.datas.interaction_task.interaction_task_id) {
                this.gouwujin(this.interaction_task.interaction_task_read_time); //浏览获取积分弹窗
              }
            }
            this.getvouchers(); //获取优惠券
            if (res.datas.goods_info.promotion_type == "yushou") {
              this.isshowprice = false;
            }
            if (res.datas.goods_info.is_bargain == 1) {
              this.BargainInfo();
            }
            if (this.goodsInfo.xianshi_info) {
              this.lower_limit = Number(
                this.goodsInfo.xianshi_info.lower_limit
              );
            }
            if (this.goodsInfo.goods_storage != 0) {
              if (this.goodsInfo.miaosha_info) {
                if (this.goodsInfo.miaosha_info.miaosha_goodsnum == 0) {
                  this.limit = this.goodsInfo.miaosha_info.miaosha_storage;
                } else {
                  this.limit = this.goodsInfo.miaosha_info.miaosha_goodsnum;
                }
              } else {
                this.limit = Number(this.goodsInfo.goods_storage);
              }
            } else {
              this.limit = 1000;
            }
            // if (res.datas.is_login) {
            // 	this.getCarNumber()
            // }
            //截取字符串获取轮播图数组
            this.swiperImage = res.datas.goods_image.split(",");
            if (res.datas.isFavorites == 1) {
              //判断是否已经加入购物车
              this.isFavorites == 1;
              this.options[1].icon = `${this.picUrl}/store/item002.png`;
            }
            //判断是否参与满送活动
            this.mansongInfo = res.datas.mansong_info;
            // 判断型号
            for (let p1 in this.spec_list) {
              if (this.spec_list.hasOwnProperty(p1)) {
                if (this.spec_list[p1] == this.goods_id) {
                  this.goods_spec = p1.split("|");
                }
              }
            }
            //加入购物车需要添加的活动信息
            if (this.goodsInfo.renxuan_info) {
              this.goods_type = 2;
              this.bl_id = this.goodsInfo.renxuan_info.renxuan_id;
            } else if (this.goodsInfo.nzhe_info) {
              this.goods_type = 3;
              this.bl_id = this.goodsInfo.nzhe_info.nzhe_id;
            } else if (this.goodsInfo.mfunjian_info) {
              this.goods_type = 4;
              this.bl_id = this.goodsInfo.mfunjian_info.mfunjian_id;
            } else if (this.goodsInfo.repur_info) {
              this.goods_type = 1;
              this.promotions_id = this.goodsInfo.repur_info.repur_id;
            } else {
              this.goods_type = 0;
              this.promotions_id = 0;
            }
            this.specific = this.goods_spec.join(",").replace(/,/g, "|");
            if (this.goodsInfo.promotion_type == "xianshi") {
              this.activity = 1;
              this.activeText = "限时折扣";
              this.buttonGroup[1].text = "立即购买";
              this.buttonGroup[0].text = "加入购物车";
              this.buttonGroup[0].backgroundColor = "#e7358e";

              this.estimate = this.goodsInfo.xianshi_info.xianshi_price;

              if (this.goodsInfo.xianshi_info.goods_endtimestamp) {
                setTimeout(() => {
                  this.djs(this.goodsInfo.xianshi_info.goods_endtimestamp);
                });
              } else {
                this.djs(this.goodsInfo.xianshi_info.end_time);
              }
            } else if (this.goodsInfo.promotion_type == "groupbuy") {
              this.activity = 1;
              if (this.goodsInfo.groupbuy_info.upper_limit != 0) {
                this.limit = Number(this.goodsInfo.groupbuy_info.upper_limit);
              }
              this.buttonGroup[1].text = "立即抢购";
              this.buttonGroup[0].backgroundColor = "#fff";
              // this.buttonGroup[0].text='加入购物车'
              this.buttonGroup[0].text = "";

              this.estimate = this.goodsInfo.groupbuy_info.groupbuy_price;

              if (this.goodsInfo.groupbuy_info.goods_endtimestamp) {
                this.djs(this.goodsInfo.groupbuy_info.goods_endtimestamp);
              } else {
                this.djs(this.goodsInfo.groupbuy_info.end_time);
              }
            } else if (this.goodsInfo.promotion_type == "miaosha") {
              this.activity = 1;
              this.isshowprice = false;
              this.activeText = "限时秒杀";
              this.buttonGroup[1].text = "立即秒杀";
              this.buttonGroup[0].backgroundColor = "#fff";
              this.buttonGroup[0].text = "";

              this.estimate = this.goodsInfo.miaosha_info.miaosha_price;

              if (this.goodsInfo.miaosha_info.goods_endtimestamp) {
                this.djs(this.goodsInfo.miaosha_info.goods_endtimestamp);
              } else {
                // this.djs(this.goodsInfo.miaosha_info.end_time)
              }
            } else if (this.goodsInfo.promotion_type == "yushou") {
              this.buttonGroup[1].text = "支付定金";
              this.buttonGroup[0].backgroundColor = "#e7358e";
              this.buttonGroup[0].text = "预售规则";
              // this.buttonGroup[0].text = ""
              this.estimate = this.goodsInfo.goods_promotion_price;
              if (this.goodsInfo.yushou_info.upper_limit != 0) {
                this.limit = Number(this.goodsInfo.yushou_info.upper_limit);
              }
            } else if (this.goodsInfo.is_spellgroup) {
              this.activity = 9;
              this.buttonGroup[1].text =
                "原价购买￥" + this.goodsInfo.spellgroup_info.goods_price;
              this.buttonGroup[0].text =
                "立即拼团￥" + this.goodsInfo.spellgroup_info.SpellGroup_price;
              this.buttonGroup[0].backgroundColor = "#ff4300";

              this.estimate = this.goodsInfo.spellgroup_info.SpellGroup_price;

              //过滤掉过期的拼团信息
              this.pintuanInfo = [];
              for (let i = 0; i < this.goodsInfo.spellgroupList.length; i++) {
                if (this.goodsInfo.spellgroupList[i].left_time < 0) {
                } else {
                  this.pintuanInfo.push(this.goodsInfo.spellgroupList[i]);
                }
              }
              //计算每个拼团的过期时间
              for (let i = 0; i < this.pintuanInfo.length; i++) {
                this.pinTime(this.pintuanInfo[i].left_time, i);
              }
            } else {
              if (
                this.goodsInfo.member_rank > 0 &&
                this.goodsInfo.is_visit_comm == 1
              ) {
                this.buttonGroup[1].text =
                  "自购省" + res.datas.member_commission;
              } else {
                this.buttonGroup[1].text = "立即购买";
              }
              this.buttonGroup[0].text = "加入购物车";
              this.buttonGroup[0].backgroundColor = "#ff4300";
              this.activity = 0;
              this.estimate = this.goodsInfo.goods_promotion_price;
            }

            if (this.goodsInfo.promotion_type == "teijia") {
              //特价商品预估价计算
              this.estimate = this.goodsInfo.teijia_info.teijia_price;
            }
            if (this.goodsInfo.zhijiang_info) {
              //直降商品预估价计算
              this.estimate = this.goodsInfo.zhijiang_info.zhijiang_price;
            }
          } else {
            uni.showToast({
              title: res.message,
              icon: "none",
            });
          }
          this.loading = false;
        });
    },
    //获取更改后的goods_id
    checkGoods(index, id) {
      console.log("1=", this.goods_spec);
      this.goods_spec.splice(index, 1, id);
      this.specific = this.goods_spec.join(",").replace(/,/g, "|");
      console.log("11", this.specific);
      for (let i in this.spec_list) {
        if (this.spec_list.hasOwnProperty(i)) {
          if (this.specific == i) {
            this.goods_id = this.spec_list[i];
            this.Noshop = true;
            this.getGoodsInfo();
            return false;
          }
        }
      }
      setTimeout(() => {
        this.Noshop = false;
        uni.showToast({
          title: "商品规格不存在！",
          icon: "none",
        });
      });
    },
    djs(time) {
      this.allMiao = time;
      var tt = setInterval(() => {
        //获取当前时间
        let date = new Date();
        let now = date.getTime() / 1000;
        now = parseInt(now);
        //时间差
        let leftTime = this.allMiao - now;
        //定义变量 d,h,m,s保存倒计时的时间
        let d, h, m, s;
        if (leftTime >= 0) {
          d = Math.floor(leftTime / 60 / 60 / 24);
          h = Math.floor((leftTime / 60 / 60) % 24);
          m = Math.floor((leftTime / 60) % 60);
          s = Math.floor(leftTime % 60);
        }
        this.day = d;
        this.shi = h;
        this.fen = m;
        this.miao = s;
        this.allMiao - 1;
        // if (this.shi < 10) {
        // 	this.shi = '0' + this.shi
        // }
        // if (this.fen < 10) {
        // 	this.fen = '0' + this.fen
        // }
        // if (this.miao < 10) {
        // 	this.miao = '0' + this.miao
        // }
        if (this.allMiao == 0 || leftTime <= 0) {
          clearInterval(tt);
        }
      }, 1000);
    },
    //导航栏回退
    goBack() {
      if (!this.IsToHome) {
        uni.switchTab({
          url: "/main/home/index",
        });
      } else {
        uni.navigateBack();
      }
    },
    //轮播图改变状态
    swiper(e) {
      console.log("轮播图", e);
      this.swiperCurrent = e.detail.current;
    },
    //预览图片
    prview(img) {
      let url = [img];
      uni.previewImage({
        urls: url,
        longPressActions: {
          itemList: ["发送给朋友", "保存图片", "收藏"],
          success: function (data) {
            // console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
          },
          fail: function (err) {
            // console.log(err.errMsg);
          },
        },
      });
    },
    //商品，评价，详情，推荐点击标题跳转到相应锚点
    maoDian(index, state) {
      this.numberNavSwitch = index;
      // numberNavSwitch
      if (this.isNavSwitch) {
        //优化进入页面就立刻点击标题切换，需要页面加载完成才能切换
        this.fnNavSwitch(index, state);
      } else {
        //标题切换时如果页面未加载完成提示加载中，页面加载完成之后隐藏加载中，如果5秒页面仍未加载完成同样隐藏加载中
        uni.showLoading({
          title: "加载中",
        });
        setTimeout(() => {
          uni.hideLoading();
        }, 5000);
      }
    },
    //商品，评价，详情，推荐标题跳转到相应锚点
    fnNavSwitch(index, state) {
      this.active = index;
      if (state) {
        this.toView = "xingxi";
        this.active = 0;
        return false;
      }
      if (index == 1) {
        this.toView = "pingjia";
      } else if (index == 2) {
        this.toView = "xiangqing";
      } else if (index == 3) {
        this.toView = "shangping";
      } else {
        this.toView = "xingxi";
      }
    },
    scroll(e) {
      let scrollTop = e.detail.scrollTop + 200; //滚动的Y轴
      if (scrollTop > 400) {
        this.isShow = true;
      } else {
        this.isShow = false;
      }
      if ((scrollTop >= this.commentBoxTop) & (scrollTop < this.infoBoxTop)) {
        this.active = 1;
        this.actionView = "pingjia";
      } else if (
        (scrollTop >= this.infoBoxTop) &
        (scrollTop < this.goodsBoxTop)
      ) {
        this.active = 2;
        this.actionView = "xiangqing";
      } else if (scrollTop >= this.goodsBoxTop) {
        this.active = 3;
        this.actionView = "shangping";
      } else {
        this.active = 0;
        this.actionView = "xingxi";
      }
    },
    //获取购物车数量
    getCarNumber() {
      this.$util
        .request({
          url: "/mobile/index.php?act=member_cart&op=cart_list",
          data: {
            // is_global: this.goodsInfo.is_global || ""
          },
        })
        .then((res) => {
          //获取每个店铺的商品
          let count = 0;
          if (res.error_code == "2830001") {
          } else {
            for (let i = 0; i < res.datas.cart_list.length; i++) {
              for (let j = 0; j < res.datas.cart_list[i].goods.length; j++) {
                for (
                  let k = 0;
                  k < res.datas.cart_list[i].goods[j].goods_list.length;
                  k++
                ) {
                  count++;
                }
              }
            }
          }
          this.options[0].info = count;
        });
    },
    //获取屏幕高度和节点距离顶部的高度
    getTOP() {
      uni.getSystemInfo({
        success: (res) => {
          this.winHeight =
            res.windowHeight - (res.windowWidth * 90) / 750 + "px";
        },
      });
      setTimeout(() => {
        new Promise((resolve) => {
          let query = uni.createSelectorQuery();
          query.select("#xingxi").boundingClientRect();
          query.select("#pingjia").boundingClientRect();
          query.select("#xiangqing").boundingClientRect();
          query.select("#shangping").boundingClientRect();
          query.exec((res) => {
            resolve(res);
          });
        }).then((res) => {
          (this.productBoxTop = res[0].top),
            (this.commentBoxTop = res[1].top),
            (this.infoBoxTop = res[2].top),
            // this.goodsBoxTop = res[3].top
            (this.isNavSwitch = true);
          uni.hideLoading();
          this.fnNavSwitch(this.numberNavSwitch);
        });
      });
    },
    fullOpen() {
      this.$refs.full.open();
    },
    fullClose() {
      this.$refs.full.close();
    },
    open() {
      this.$refs.popup.open();
    },
    close() {
      this.$refs.popup.close();
    },
    // openVideo() {
    // 	this.$refs.video.open()
    // },
    //打开分享图片内容
    openShare(e) {
      if (this.key == 0) {
        uni.showToast({
          title: "未登录，请先登录！",
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/mainA/login/login?href=" + this.href,
          });
        }, 1000);
        return;
      }
      console.log("是否有视频", this.hasVideo);
      console.log("轮播是第一个", this.swiperCurrent == 0);
      if (this.hasVideo && this.swiperCurrent == 0) {
        //分享视频-
        let goodsInfo = JSON.stringify(this.goodsInfo);
        let path =
          `/mall/goods/web-view?goodsInfo=` + encodeURIComponent(goodsInfo);
        console.log(path);
        uni.share({
          provider: "weixin",
          scene: "WXSceneSession",
          type: 5,
          title: "皖集采",
          imageUrl: this.goodsInfo.goods_image_primary,
          miniProgram: {
            id: "gh_a59daf7d0132",
            path: path,
            type: 2,
            webUrl:
              this.shareUrl + "&share_phyid=" + this.goodsInfo.physical_id,
          },
          success: function (res) {
            console.log("success:" + JSON.stringify(res));
          },
          fail: function (err) {
            console.log("fail:" + JSON.stringify(err));
          },
        });
        return;
      }
      //分享商品详情-图片
      let text = "售价";
      if (this.goodsInfo.promotion_type == "groupbuy") {
        text = "抢购价";
      } else if (this.goodsInfo.xianshi_info) {
        text = "限时折扣价";
      } else if (this.goodsInfo.promotion_type == "teijia") {
        text = "特价";
      } else if (this.goodsInfo.promotion_type == "miaosha") {
        text = "限时秒杀价";
      } else if (this.goodsInfo.is_spellgroup) {
        text = "拼团价";
      }
      let info = {
        good_name: this.goodsInfo.goods_name,
        good_image: this.goodsInfo.goods_image_primary,
        good_price: this.estimate,
        good_url: this.shareUrl + "&share_phyid=" + this.goodsInfo.physical_id,
        good_text: text,
        good_storeName: this.physical_info.physical_name,
        good_storeImg: this.store_info.avatar,
      };
      this.$refs.poster.shareFc(info);
    },
    closeShare() {
      this.$refs.share.close();
    },
    //获取拼团倒计时
    pinTime(time, i) {
      var ptuan = setInterval(() => {
        let h, m, s;
        if (time >= 0) {
          h = Math.floor((time / 3600) % 3600);
          m = Math.floor((time / 60) % 60);
          s = Math.floor(time % 60);
        }
        time--;
        if (h < 10) {
          h = "0" + h;
        }
        if (m < 10) {
          m = "0" + m;
        }
        if (s < 10) {
          s = "0" + s;
        }
        if (time == 0) {
          clearInterval(ptuan);
        }
        this.pinuanTime.splice(i, 1, h + ":" + m + ":" + s);
        // + ':' + s
      }, 1000);
    },
  },
};
</script>


<style scoped>
.GoTop {
  position: fixed;
  bottom: 200rpx;
  right: 40rpx;
  background-color: rgba(200, 200, 200, 0.6);
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  z-index: 999;
}

.member_name {
  max-width: 100rpx;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.rich_text_image {
  margin: 0px;
  padding: 0px;
  border: none;
  vertical-align: top !important;
}

.Toindex {
  position: fixed;
  top: 100rpx;
  left: 50rpx;
  width: 80rpx;
  height: 80rpx;
  z-index: 999999999;
  background-color: rgba(51, 51, 51, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  /* #ifdef APP-PLUS */
  top: 180rpx;
  /* #endif */
  /* #ifdef MP-WEIXIN */
  top: 180rpx;
  /* #endif */
}

.Toindex image {
  width: 60rpx;
  height: 60rpx;
  margin: 0 auto;
}

.miaoshu {
  width: 460rpx;
  display: inline-block;
  color: #ff4300;
  font-weight: bold;
}

/deep/.rich_text_image {
  max-width: 100%;
}

/deep/.uni-scroll-view {
  background-color: #f9f9f9;
}

.btm {
  margin: 6rpx 0 20rpx;
}

/deep/.uni-numbox__value {
  font-size: 28rpx;
  width: 70rpx;
}

.share_flag_image1 {
  width: 90rpx;
  height: 80rpx;
}

.share_flag_image2 {
  width: 70rpx;
  height: 70rpx;
}

.share_flag_title {
  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  margin-bottom: 60rpx;
}

.share_flag {
  padding: 80rpx 100rpx;
  background-color: #ffffff;
  border-radius: 20rpx;
}

.share_goods_name {
  width: 440rpx;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.uni-numbox {
  height: 60rpx !important;
}

/* 样式穿透 */
/deep/.uni-numbox__plus,
/deep/.uni-numbox__minus {
  width: 60rpx !important;
  font-size: 34rpx !important;
}

.active_border {
  /* background: linear-gradient(to right, #F46476, #ff4300); */
  background-color: #ffe5ed;
  border-radius: 10rpx;
  color: #ffffff;
  padding: 5rpx 10rpx;
  font-size: 26rpx;
  margin-right: 20rpx;
  color: #ff4300;
  white-space: nowrap;
}

.spec_name {
  border-top: 1rpx solid #f0f0f0;
  padding: 40rpx 20rpx;
  margin-top: 40rpx;
  font-size: 30rpx;
}

.video_icon {
  height: 100rpx !important;
  width: 100rpx !important;
  position: absolute;
  top: 42%;
  left: 42%;
}

.pintuanName {
  margin-right: 10rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120rpx;
}

scroll-view {
  height: 100vh;
}

.full_title {
  font-size: 24rpx;
  color: #f1315e;
  border: 1rpx solid #f1315e;
  border-radius: 20rpx;
  padding: 0rpx 20rpx;
  height: 40rpx;
  margin-top: 4rpx;
}

.full_image {
  width: 16rpx;
  height: 26rpx;
  margin-left: 20rpx;
  margin-top: 14rpx;
}

.full_title_box {
  margin-top: 20rpx;
}

.flex_bettween {
  display: flex;
  justify-content: space-between;
}

.full_list {
  /* margin-left: 130rpx;
		margin-top: -46rpx; */
}

.full_list view {
  font-size: 28rpx;
  color: #333333;
}

.full_header {
  font-size: 34rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #343434;
  border-bottom: 1rpx solid #eeeeee;
}

.full_header view {
  font-size: 30rpx;
}

.full_header image {
  height: 30rpx;
  width: 30rpx;
}

.full_box {
  height: 800rpx;
  background-color: #ffffff;
  padding: 20rpx;
}

.add_pintuan {
  height: 44rpx;
  /* width: 120rpx; */
  line-height: 44rpx;
  color: #ffffff;
  border-radius: 10rpx;
  background-color: #ff4141;
  font-size: 24rpx;
  padding: 0 10rpx;
  margin-left: 20rpx;
}

.pintuan_box {
  background-color: #f6eec0;
  height: 75rpx;
  display: flex;
  align-items: center;
}

.pintuan_box image {
  height: 60rpx;
  width: 60rpx;
  margin: 0 20rpx;
}

.size24 {
  font-size: 24rpx;
}

.size30 {
  font-size: 30rpx;
}

.buy_car_pintuan {
  height: 44rpx;
  width: 120rpx;
  line-height: 44rpx;
  color: #ffffff;
  border-radius: 10rpx;
  background-color: #ff4141;
  font-size: 24rpx;
  padding: 0;
  position: absolute;
  right: 20rpx;
}

.Amount {
  font-size: 18rpx;
  background-color: #ff4300;
  color: #ffffff;
  border-radius: 10rpx;
  margin: 10rpx 0px;
  padding: 10rpx 20rpx;
}

.left_imag image {
  width: 12rpx;
  height: 20rpx;
}

.Layout {
  background-color: #ffffff;
  padding: 0 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.brand {
  background-color: #ffffff;
  display: flex;
  border-bottom: 1rpx solid #eeeeee;
  padding: 15rpx 0;
  padding: 20rpx;
}

.brand view {
  margin-right: 30rpx;
  color: #000000;
}

.brand image {
  width: 12rpx;
  height: 12rpx;
  margin-right: 10rpx;
  vertical-align: middle;
}

.goods_img_box {
  padding: 0rpx 20rpx 0;
  background-color: #ffffff;
}

.dianpuImg {
  width: 107upx;
  height: 107upx;
}

.dianpuImg image {
  width: 100%;
  height: 100%;
}

.cuxiao {
  background-color: #e5258e;
  padding: 6rpx;
  font-weight: normal;
  border-radius: 10rpx;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  display: inline;
}

.flex_center_warp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex_center_center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.huangou {
  background: linear-gradient(to bottom, #dca8b9, #fff9fc);
  padding: 20rpx 20rpx 0;
}

.ycang {
  width: 600rpx;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.xsqg {
  background-color: #e5258e;
  height: 48rpx;
  width: 110rpx;
  border-radius: 10rpx;
  color: #ffffff;
  line-height: 48rpx;
  text-align: center;
  font-size: 12px;
}

.down {
  background-color: #e5258e;
  height: 48rpx;
  border-radius: 10rpx;
  color: #ffffff;
  line-height: 48rpx;
  text-align: center;
  font-size: 12px;
  padding: 0 10rpx;
}

.qqg {
  background: linear-gradient(to right bottom, #ff4300, #8e16b1);
  height: 48rpx;
  width: 110rpx;
  border-radius: 10rpx;
  color: #ffffff;
  line-height: 48rpx;
  text-align: center;
  font-size: 12px;
}

.zhiyou {
  border: 1rpx solid #0f77ed;
  height: 46rpx;
  width: 110rpx;
  border-radius: 10rpx;
  line-height: 46rpx;
  text-align: center;
  font-size: 12px;
  margin-left: 20rpx;
  color: #0f77ed;
}

.spxqTitle {
  width: 100%;
  height: 80upx;
  line-height: 80upx;
  color: #999999;
  text-align: center;
  background-color: #f4f4f4;
}

.tiem_box {
  height: 30rpx;
  line-height: 30rpx;
}

.jifenling {
  background-color: #ffffff;
  margin-top: 20rpx;
  padding: 10rpx 0;
}

.houer {
  font-size: 24rpx;
  background-color: #d60847;
  padding: 5rpx 8rpx;
  border-radius: 10rpx;
}

.flex_center_around {
  margin-top: 10rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.item03_box view {
  font-size: 20rpx;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  display: flex;
}

.shichangjia {
  font-size: 26rpx;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}

.shichangjia text {
  text-decoration: line-through;
}

.item02_box {
  font-size: 26rpx;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}

.xiaoliang {
  font-size: 24rpx;
  color: #ffffff;
}

.tejia {
  color: #ffffff;
  background-color: #850439;
  margin-right: 20rpx;
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 12px;
}

.flex_center_bettween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item01_box {
  background: url(../../static/images/bgImg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0rpx 20rpx;
  margin: 0 -20rpx;
  height: 150rpx;
}

.dongtian {
  background-color: #fff;
  height: 104upx;
  box-sizing: border-box;
  position: relative;
}

.dongtianLeft {
  line-height: 36upx;
  float: left;
  width: 630upx;
  font-size: 33upx;
  padding: 18upx 20upx;
}

.dongtianRight {
  margin-top: 20upx;
  background-color: #ff4300;
  width: 84upx;
  height: 32upx;
  line-height: 32upx;
  font-size: 21upx;
  color: #ffffff;
  border-bottom-left-radius: 10upx;
  border-top-left-radius: 10upx;
}

.twoline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.commonLine {
  padding: 20upx 20upx;
  background-color: #fff;
  font-size: 27upx;
  color: #666666;
  /* border-top: 10upx solid #f4f4f4; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.commonBtn {
  background-color: #ff4300;
  font-size: 21upx;
  border-radius: 10upx;
  padding: 2upx 15upx;
  margin: 0 20upx;
  color: #ffffff;
}

.algn {
  width: 100%;
  text-align: center;
  background-color: #fff;
}

.canshu_pop {
  /* height:500rpx; */
  background-color: #ffffff;
  padding: 50rpx 20rpx;
}

.pop_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  width: 50%;
  border: none;
  border-radius: 0 !important;
  color: #fffeff;
  height: 90rpx;
  font-size: 30rpx;
  line-height: 30rpx;
}

.pop_button view {
  text-align: center;
  width: 100%;
}

.width_100 {
  width: 100%;
}

.guige {
  margin-top: 20rpx;
  padding: 0 20rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 26rpx;
  margin-right: 20rpx;
}

.Texthide {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 500rpx;
}

.guige_border {
  border: 1rpx solid #666666;
  border-radius: 20rpx;
}

.guoge_xuanze {
  border: 1rpx solid #e5258e;
  border-radius: 20rpx;
  color: #e5258e;
}

.guoge_xuanze2 {
  border: 1rpx solid #e5258e;
  border-radius: 20rpx;
  color: #e5258e;
}

.fs12 {
  font-size: 18upx;
  /* font-size: 12upx */
}

.blackBox {
  width: 30upx;
  height: 35upx;
  lne-height: 35upx;
  border-radius: 5upx;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
}

.djsBottomRight {
  background-color: #ff4300;
  border-radius: 10upx;
  padding: 2upx 10upx;
  height: 32upx;
  line-height: 32upx;
  font-size: 21upx;
  color: #ffffff;
  margin-right: 20upx;
}

.chisky {
  margin-top: 10upx;
  background-color: #fff;
  height: 136upx;
  padding: 15upx 20upx;
}

.chiskyC {
  margin-left: 20upx;
}

.chiskyC view {
  font-size: 26rpx;
}

.chiskyR {
  margin-top: 30upx;
}

.chiskyRB1 {
  padding: 0upx 26upx;
  font-size: 26rpx;
  color: #ff4300;
  border-radius: 50upx;
  background-color: #fff;
  border: 1px solid #ff4300;
}

.chiskyRB2 {
  padding: 0upx 26upx;
  font-size: 26rpx;
  color: #ffffff;
  border-radius: 50upx;
  background-color: #ff4300;
  border: 1px solid #ff4300;
  margin-left: 20upx;
}

.djsBottom {
  width: 715upx;
  height: 50upx;
  background-color: #fff;
  border-radius: 5upx;
  position: relative;
  top: 20upx;
}

.jmm {
  border: 1px solid #ff4300;
  border-radius: 10upx;
  height: 32upx;
  line-height: 32upx;
  font-size: 21upx;
  color: #ff4300;
  margin: 0 10rpx;
  padding: 4rpx 10rpx;
}

.fl {
  float: left;
}

.fs18 {
  font-size: 18upx;
}

.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
}

.Cfff {
  color: #ffffff;
}

.djsTopLeftTopB {
  text-align: center;
  float: left;
  width: 130upx;
  height: 40upx;
  line-height: 40upx;
  border-radius: 10upx;
  background-color: #850439;
  font-size: 21upx;
  color: #ffffff;
}

.djsTopLeftTopV {
  float: left;
  color: #ffffff;
  font-style: 12upx;
  padding-left: 20upx;
  margin-top: -4upx;
}

.djsTopLeftBottom {
  clear: both;
  padding-top: 30upx;
}

.djsTopLeftBottomV {
  float: left;
}

.djsTopLeftBottomB {
  text-align: center;
  float: left;
  width: 220upx;
  height: 50upx;
  line-height: 50upx;
  background-color: #fff;
  border-radius: 10upx;
  margin-left: 20upx;
  margin-top: -6upx;
}

.djsTopRight {
  width: 155upx;
  float: right;
  height: 120upx;
  background-color: #f7bb52;
  border-radius: 10upx;
  text-align: center;
  padding-top: 14upx;
  padding-left: 10upx;
  padding-right: 10upx;
  padding-bottom: 10rpx;
}

.daojishiWrap {
  margin-top: -16upx;
  height: 250upx;
  box-sizing: border-box;
  padding: 20upx;
  background-color: #ff4300;
}

.icon_item01 {
  width: 20rpx;
  height: 25rpx;
  margin-right: 10rpx;
}

.icon_item02 {
  width: 27rpx;
  height: 27rpx;
  margin-right: 5rpx;
}

.fund {
  height: 60rpx;
  padding: 20rpx 0;
}

.shop_logo {
  height: 60rpx;
  width: 90rpx;
}

.button1 {
  width: 140rpx;
  height: 50rpx;
  border-radius: 30rpx;
  line-height: 48rpx;
  background-color: #ffffff;
  border: 1rpx solid #ff4300;
  font-size: 28rpx;
  padding: 0;
  margin: 0 40rpx;
  color: #ff4300;
}

.button2 {
  width: 140rpx;
  height: 50rpx;
  border-radius: 30rpx;
  line-height: 50rpx;
  background-color: #ff4300;
  font-size: 28rpx;
  padding: 0;
  margin: 0;
  color: #ffffff;
}

button::after {
  /* border-color: #ff4300; */
}

/* 二维码分享 */
.share_pop_close {
  height: 75rpx;
  width: 75rpx;
  position: absolute;
  bottom: -100rpx;
  left: 45%;
}

.share_pop_bottom_view {
  width: 100%;
  text-align: center;
}

.share_pop_bottom_view button {
  width: 100rpx;
  height: 40rpx;
  border-radius: 10rpx;
  color: #ffffff;
  font-size: 24rpx;
  background-color: #ff4300;
  line-height: 40rpx;
  margin-top: 20rpx;
  /* #ifdef H5 */
  width: 120rpx;
  /* #endif */
}

.share_pop_shop_wechat {
  width: 110rpx;
  height: 110rpx;
  margin-right: 20rpx;
}

.share_pop_shop_info {
  margin-left: 20rpx;
}

.share_pop_shop_image {
  height: 540rpx;
  width: 540rpx;
  margin-left: 20rpx;
}

.share_pop_header {
  margin: 20rpx 0;
}

.share_pop_header image {
  height: 80rpx;
  width: 80rpx;
  margin-right: 20rpx;
}

.share_pop_logo_title {
  margin: 0 10rpx 10rpx;
  font-size: 26rpx;
}

.share_btn {
  height: 34rpx;
  width: 95rpx;
  background-color: #ff4300;
  border-bottom-left-radius: 40rpx;
  border-top-left-radius: 40rpx;
  padding-left: 20rpx;
  line-height: 34rpx;
}

.share_btn image {
  height: 22rpx;
  width: 20rpx;
  margin: 0rpx 10rpx 0 0;
}

.share_btn text {
  color: #ffffff;
  line-height: 20rpx;
}

.share_pop_logo {
  width: 205rpx;
  height: 65rpx;
}

.share_pop_top_box {
  padding: 37rpx 0 0 30rpx;
}

.share_pop_box {
  width: 640rpx;
  background-color: #ffffff;
  position: relative;
  padding-bottom: 10rpx;
}

/* end */
/* 购物车定位 */
.shop_postion {
  position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  bottom: 0;
}

/*  */
.recommend_img {
  height: 224rpx;
  width: 224rpx;
}

.recommend_img image {
  width: 100%;
  height: 100%;
}

.ellipsis {
  margin-top: 16upx;
  width: 224rpx;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 94rpx;
}

.p-b-40 {
  padding-bottom: 40rpx;
}

.m-b-10 {
  margin-bottom: 10rpx;
}

.evaluate {
  padding-top: 0 !important;
}

.evaluate image {
  height: 40rpx;
  width: 40rpx;
  margin-right: 14rpx;
}

/* 左右中布局 */
.picker_box {
  font-size: 30rpx;
  height: 80rpx;
}

.p-tb-20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.cont {
  background-color: #ffffff;
  padding-right: 20rpx;
  padding-left: 20rpx;
  /* 		border-radius: 20rpx; */
  margin-top: 15rpx;
}

page {
  background-color: #aaaaaa !important;
}

.m-t-b-20 {
  margin: 20rpx 0;
}

.zhong {
  padding: 10rpx 0 5rpx;
}

.zhong_title {
  margin-left: 100rpx;
  margin-right: 15rpx;
}

.c8 {
  color: #9e9e9e;
}

.font24 {
  font-size: 24rpx;
}

.fontc06 {
  color: #ff4300;
}

.font30 {
  font-size: 30rpx;
}

.m-r-40 {
  margin-right: 10rpx;
}

.shop-box {
  border-radius: 32rpx 32rpx 0rpx 0rpx;
  padding: 10rpx 20rpx 20rpx;
  position: relative;
  background: #ffffff;
  margin: 0 -20rpx;
}

/* 商品title */
.shop_title {
  font-size: 30rpx;
  font-weight: bold;
  line-height: 40rpx;
  width: 600rpx;
}

.shop_share {
  height: 60rpx;
  width: 150rpx;
  background-color: #f4f4f4;
  border-bottom-left-radius: 40rpx;
  border-top-left-radius: 40rpx;
  padding-left: 20rpx;
  line-height: 60rpx;
  margin: 20rpx -20rpx 0 30rpx;
  position: absolute;
  right: 0;
  bottom: 40rpx;
}

.shop_share image {
  height: 22rpx;
  width: 20rpx;
  margin: 0rpx 28rpx 0 0;
}

.shop_share text {
  color: #666666;
  line-height: 20rpx;
}

/*  */
.right_arrow {
  width: 16rpx;
  height: 22rpx;
  margin-left: 14rpx;
}

.right_arrow2 {
  width: 40rpx;
  height: 40rpx;
}

.uni-popup {
  /* height:600rpx;
		width: 100%; */
}

.rich {
  width: 100rpx;
  height: 40rpx;
  background-color: #ffeaf5;
  font-size: 20rpx;
  border-radius: 50rpx;
  line-height: 40rpx;
  text-align: center;
  color: #da6294;
}

.subInfo {
  padding: 20rpx 0;
  color: #666666;
}

.subInfo view {
  font-size: 26rpx;
}

/*  */
.moeny_icon {
  color: #ff4300;
  font-weight: bold;
  font-size: 30rpx;
}

.newMoney {
  font-size: 42rpx;
  color: #ff4300;
  font-weight: bold;
}

.decoration {
  text-decoration: line-through;
}

.oldMoney {
  color: #d3d3d0;
  font-size: 24rpx;
  padding-left: 20rpx;
  margin-top: 5rpx;
}

.promotion {
  width: 100rpx;
  height: 40rpx;
  background-color: #ffeaf5;
  font-size: 20rpx;
  border-radius: 50rpx;
  margin-top: 20rpx;
  line-height: 40rpx;
  text-align: center;
  color: #da6294;
}

.get {
  display: flex;
  height: 40rpx;
  width: 185rpx;
  border: 1rpx solid #f84aa1;
  border-radius: 20rpx;
  text-align: center;
  color: #ff4300;
}

.get_left {
  line-height: 40rpx;
  font-size: 26rpx;
  border-radius: 20rpx;
  margin-left: -5rpx;
  background-color: #f13995;
  color: #ffffff;
  width: 95rpx;
  margin-right: 10rpx;
}

.get_right {
  line-height: 40rpx;
  font-size: 26rpx;
}

.margin- {
  margin-bottom: -20rpx;
}

.flex_bettween {
  display: flex;
  justify-content: space-between;
}

.flex_center_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-warp {
  flex-wrap: wrap;
}

.flex_center {
  display: flex;
  align-items: center;
}

.flex {
  display: flex;
}

.nav {
  height: 55rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  z-index: 999;
  width: 100%;
  padding: 0 20rpx;
  background-color: #ffffff;
}

.back {
  height: 30rpx;
  width: 15rpx;
  margin-top: 18rpx;
}

.nav_right {
  width: 10%;
  margin-right: 20rpx;
}

.nav_left {
  width: 10%;
}

.more {
  width: 40rpx;
  height: 10rpx;
  margin-bottom: 5rpx;
}

.nav_title {
  display: flex;
  width: 60%;
  justify-content: center;
  text-align: center;
  margin: 0 15%;
}

.nav_title_item {
  width: 25%;
  font-size: 34rpx;
}

.relative {
  position: relative;
}

.back_round_1 {
  height: 71rpx;
  width: 71rpx;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 82rpx;
  position: absolute;
  top: 50rpx;
  right: 20rpx;
  text-align: center;
}

.swiper_box {
  height: 680rpx;
  padding: 20rpx 0 0;
}

.swiper_box image {
  width: 100%;
  height: 100%;
}
.swiper_box video {
  width: 100%;
  height: 100%;
}

.back_round_1 image {
  height: 37rpx;
  width: 37rpx;
}

.back_round_2 {
  height: 71rpx;
  width: 71rpx;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 71rpx;
  position: absolute;
  top: 560rpx;
  right: 20rpx;
  text-align: center;
  color: #ffffff;
}
.change-btn {
  position: absolute;
  bottom: 100rpx;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  padding: 4rpx 10rpx;
  border-radius: 20rpx;
}

.active {
  border-bottom: 5rpx solid #ff4300;
  color: #ff4300;
}

/* 状态栏 */
.status_bar {
  height: var(--status-bar-height);
  width: 100%;
  background-color: #ffffff;
}

.top_view {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  z-index: 999;
}

.flexBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexBox2 {
  display: flex;
  align-items: center;
}

.Package {
  padding: 20rpx 40rpx;
}

.Package .right_arrow image {
  width: 60rpx;
  height: 80rpx;
  margin-top: -20rpx;
}

.Package .commImg image {
  width: 130rpx;
  height: 130rpx;
  margin-right: 20rpx;
}

.Package .info .Name {
  color: #333333;
  font-weight: bold;
}

.Package .Price {
  color: #999999;
}

.Package .yhjia {
  color: red;
  font-weight: bold;
  margin-right: 20rpx;
}

.bottomBox {
  width: 100%;
  height: 100rpx;
  position: fixed;
  background-color: #ffffff;
  bottom: 0;
  z-index: 9999;
  text-align: center;
  color: #ffffff;
}

.bottomBox > view {
  width: 50%;
  background-color: #e7358e;
  line-height: 100rpx;
}

.bottomBox .shop {
  background-color: #ff4300;
}

.mag40 {
  margin: 20rpx 0;
}

.swiperBox {
  width: 750rpx;
  background-color: #ffffff;
}

.parameter {
  margin-top: 15rpx;
  background-color: #ffffff;
  /* 		border-radius: 20rpx; */
  overflow: hidden;
}

.activityList {
  margin: 10rpx 0 10rpx 30rpx;
}

.red {
  color: #e64d75;
  font-weight: bold;
}

.coupon {
  width: 180rpx;
  height: 40rpx;
  font-size: 24rpx;
  background: url(../../static/images/couponbg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 40rpx;
  color: #ff4300;
}

.popup_box {
  background-color: #ffffff;
  padding: 20rpx;
}

.popup_box .popup_title {
  display: flex;
  justify-content: space-between;
}

.popup_box .ticket_box {
  height: 100%;
  max-height: 700rpx;
  overflow: auto;
  margin-bottom: 50rpx;
}

.ticket {
  position: relative;
  width: 710upx;
  height: 232upx;
  background: url(/static/images/yhgbg.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 30rpx;
}

.ticket_time {
  position: absolute;
  bottom: 30rpx;
  left: 40rpx;
  font-size: 26rpx;
}

.ticket_reduce {
  position: absolute;
  top: 20rpx;
  left: 50rpx;
  font-size: 70rpx;
  font-weight: bold;
}

.ticket_button {
  margin: 50rpx auto 20rpx;
  color: #ffffff;
  background-color: #be024f;
  border-radius: 20rpx;
}

.ticket_limt {
  position: absolute;
  top: 74rpx;
  right: 244rpx;
}

.ticket_image {
  width: 110rpx;
  height: 110rpx;
  position: absolute;
  right: 36rpx;
  top: 54rpx;
}

.ticket_user {
  position: absolute;
  right: 20rpx;
  top: 90rpx;
  color: #ffffff;
  border: 1rpx solid #ffffff;
  border-radius: 50px;
  font-size: 24rpx;
  padding: 0rpx 20rpx;
}

.finished {
  margin: 40upx auto;
  width: 710upx;
  height: 100upx;
  line-height: 100upx;
  background-color: #ff4300;
  color: #ffffff;
  font-weight: bold;
  font-size: 32upx;
  text-align: center;
  border-radius: 50upx;
  position: absolute;
  bottom: 0;
  left: 20rpx;
}

.yilingqu {
  width: 125upx;
  height: 50upx;
  line-height: 50upx;
  text-align: center;
  border: 1px solid #ff4300;
  margin: 32upx auto;
}

.yilingqu2 {
  width: 125upx;
  height: 50upx;
  margin: 32upx auto;
  border: 1px solid #ffffff;
}

.del {
  width: 44upx;
  height: 44upx;
  margin-right: 20rpx;
}

.ticketN {
  z-index: 10;
  position: absolute;
  font-size: 24upx;
  left: 50upx;
  top: 120upx;
  color: #ff4300;
  padding: 0 10rpx;
  line-height: 30rpx;
  width: 350rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticketC {
  z-index: 10;
  position: absolute;
  font-size: 24upx;
  left: 324upx;
  top: 50upx;
  border: 1rpx solid #ff4300;
  color: #ff4300;
  padding: 0 10rpx;
  line-height: 30rpx;
  border-radius: 20rpx;
}

.ticketX {
  z-index: 10;
  position: absolute;
  font-size: 24upx;
  color: #666666;
  left: 324upx;
  top: 160upx;
}

.ticketX image {
  width: 35rpx;
  height: 35rpx;
  margin-bottom: -6rpx;
  margin-left: 5rpx;
}

.Cfe0000 {
  color: #ff4300;
}

.question_red {
  border-radius: 6upx;
  position: relative;
  top: 2upx;
  display: inline-block;
  width: 30upx;
  height: 30upx;
  line-height: 30upx;
  text-align: center;
  color: #ffffff;
  font-size: 26upx;
  background-color: #ff4300;
  margin-right: 10upx;
}

.share-btn {
  position: absolute;
  right: 0;
  height: 60rpx;
  border: none;
  color: #666666;
  width: 150rpx;
  font-size: 28rpx;
  line-height: 58rpx;
}
.gysBox{
 background:#fff;
 font-size:24rpx;
 padding:0rpx 16rpx 20rpx;
}
.gys-title{
 display: flex;
 justify-content: space-between;
 padding:12rpx 0 0;
 margin:12rpx 12rpx 12rpx 8rpx;
}

 .bjd{
 padding:0 10rpx;
   border:1px solid #ccc;
   border-radius:5rpx;
 }
.mygysList{
  display: flex;
  flex-wrap: wrap;
}
.gysli {
        border: 1px solid #ccc;
        height: 28px;
        line-height: 28px;
        margin: 3px 3px;
        display: flex;
        flex-wrap: wrap;
  }
  .activeLi{
  border: 1px solid #ff4300;
  }
  
.gysli text:nth-child(1) {
        text-align: left;
        /* width:220rpx; */
        width:500rpx;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-left: 20rpx;
  }
 .gysli text:nth-child(2) {
        /* width:80rpx; */
        width:160rpx;
        text-align: right;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-right: 20rpx;
    }
</style>
